iPhone 网页应用程序设计答案

【问题标题】：iPhone webapp designiPhone 网页应用程序设计
【发布时间】：2012-05-25 14:35:34
【问题描述】：

在我的 iPhone webapp 中，我有一个空白的 div，我动态地向它添加东西使用：

var example=$(document.createElement('which-ever-tag i need'));

example.html('blah blah')
blank_div.append(example);

这样我可以根据需要添加和删除元素。

example.remove();

我最近想，我也可以从我最初的 HTML 页面中这样做：

<div id='homepage'>
    place some content in here
</div>
<div id='second_page'>
    some more content
</div>

然后我可以隐藏和取消隐藏某些部分。我只是想知道最好的方法是什么？
JavaScript 是动态创建元素，还是制作它们并在需要显示部分时取消隐藏？

代码sn-p：

title=$(document.createElement('div'));
title.addClass('title');
title.html('Mango Fitness');
container.append(title);

【问题讨论】：

【解决方案1】：

我会说这是一个偏好问题，各有利弊。使用 JavaScript，您可以将所有部分保存在一个（可能）整洁的文件中。但是，通过将其拆分，您可以将主视图布局与逻辑分开，这样以后可能会更容易使用。我个人更喜欢使用 HTML 进行布局，使用 JavaScript 进行控制器逻辑。

【讨论】：