Question

我有一个非常标准布局的项目，所以我怀疑这是一个常见的问题：

<body>
HEADER-CONTAINER DIV - includes superfish jQuery menu plugin but am open to other menu options if necessary.
CONTENT-CONTAINER DIV - depending on the page, contains several other jQuery plugins, HTML, javaScript, etc.
FOOTER-CONTAINER DIV
</body>

我正在寻找一种优雅且性能良好的方式来使用超级鱼菜单点击加载包含新内容的CONTENT-CONTAINER DIV。内容包含HTML和javaScript。我还想要解决方案来更改URL，这样如果有人稍后返回到/ my / page，它将重新加载到正确的位置（类似我对Backbone.Router的理解）。

有什么建议吗？如果可能，请提供指向加载到div示例中的页面的链接，并运行加载中包含的任何javaScript。

Answer 1

Superfish与否这不是一个真正的问题。每当您向页面添加html时，浏览器将执行任何javascript或加载此新的html代码段将包含的任何javascript文件。

因此，当您单击菜单时，您加载（或生成）新的html并用这个新内容替换您的内容div，浏览器将执行脚本。

你必须重新绑定新插入内容的所有事件，因为jQuery会忽略它。

Answer 2

我四处搜索，发现了一个很好的例子，展示了如何使用任何#url并重新加载div。在http://thomasdavis.github.com/examples/restful-app/

找到的示例

与jQuery superfish一起使用的快速Javascript模板引擎？

2 个答案: