jQuery页面导航动态js加载问题

Question

我正在使用页面导航，为此，我正在使用.live pageshow事件，例如

$('#watchlist').live('pageshow', function(event) {
        watchList();
    });

正如我所期望的，它给出了正确的结果，但是如果我想在该模板上添加任何javascript文件，我可以这样做吗，这样我就可以对垂直模板使用其他功能。

我只想在该模板上加载带有js的动态模板，而不是索引页面上的所有js文件，因为它在某处发生冲突

Answer 1

介绍

这个答案是对评论的回应

“我只想用不同的html页面进行页面导航，包括不同的js和CSS文件。”

要了解此答案，请讨论jQuery Mobile的工作方式。 它使用ajax将其他页面加载到DOM 。

第一页正常加载。 它的HEAD和BODY已加载到DOM ，它们在那里等待其他内容。 加载第二页时，仅将其BODY内容加载到DOM 。

解决方案

这里有2个解决方案：

解决方案1

在第二页以及其他所有页面中，将SCRIPT ， LINK和STYLE标记移至BODY内容中，如下所示：

<body>
    <script>
        // Your javascript will go here
    </script>
    <link rel="stylesheet" href="some.css" />
    // And rest of your HTML content
</body>

这是一个快速的解决方案，但对我来说这是一个丑陋的解决方案。

解决方案2

在按钮中使用rel =“ external” ，然后使用要更改页面的每个元素。 因此，不会将ajax用于页面加载，并且jQuery Mobile应用程序的行为将与普通的Web应用程序类似。

<a href="#second" class="ui-btn-right" rel="external">Next</a>

官方文档，请寻找一章： 不使用Ajax进行链接 。 不幸的是，移动应用程序将因此而失去页面转换。