2014-12-02 26 views
1

有我的网页的某些元素,我需要显示/隐藏频繁。一个例子是微调/加载图标,另一个是模态/对话窗口。我应该用jQuery添加内容还是只在需要时显示/隐藏它?

我读过的任何东西的jQuery触发应该由jQuery的添加。所以这意味着我必须在需要时添加/删除微调器和对话窗口。

我看到的像Twitter网站的另一种选择,就是加载所有内容的初始页面的一部分,然后显示/隐藏它并在需要时。这意味着我将拥有10多个模式/对话框窗口,并且可能还有另外10多个旋转器在页面周围的各个位置等待显示或隐藏。

这将是一个很好的方法去?我更喜欢后者,但如果这意味着导致可用性问题或加载时间不佳,则不是。但是持续添加/删除DOM元素可能需要大量资源。

+0

难道你也有类似的母版页/什么?通常情况下,您会将这些内容放在该主页上,然后他们可以在任何页面上重新使用,而不会重复。 – mattytommo 2014-12-02 13:00:09

+1

似乎不成熟的优化。我只是将所有内容隐藏在DOM中,并在必要时显示。如果你觉得它过于激烈,那么稍后会将它重构为更动态的操作。 – 2014-12-02 13:00:20

+0

@mattytommo我有一个包含页眉/页脚和一些其他项目的母版页。我有多个窗户和纺纱工的原因是因为我不想在整个工地上只有一个纺纱工。我想在正在发生操作的位置添加微调器,以便用户知道发生了什么。 – 2014-12-02 13:13:11

回答

0

我看到的像Twitter网站的另一种选择,就是加载所有 内容为初始页面的一部分,然后显示/隐藏它,当 需要。

这是要走的路,初始加载时间不会受到spinners和加载gifs太多的伤害,但是每次以后获取ti肯定会受到伤害。

我还会有一些10+模式/对话窗口,并有可能另一个10+ 纺纱在页面各地的不同地点等待显示或隐藏 。

没办法,除非你开发你的网站作为一个onepage,你最终会与像这样的情况下,这onepage有它没有妥善处理的内容,并且内容被多个视图之间的分裂(10)并且每个人都拥有自己的旋转器/加载内容。

即使是这种情况,你应该遵循从评论中的@mattytommo,只是一个实例添加到共享区域,显示/隐藏它,只要你需要。