0

我正在将我的 html 文件加载到 #content div 中，以避免在单击链接时重新加载整个页面。我通过在我的 index.html 中调用以下内容来做到这一点：

[...]
<div id="content">

    <script type="text/javascript">$("#content").load("home.html");</script>

</div>

问题是，如果我的 global.js 与将加载到我的#content div 中的 html 文件之一相关，则不会执行我的 global.js 中的任何 javascript。

为了处理这一事实，我只需将相关 html 文件的 js 放入该特定文件中，方法是使用<script>命令发布它，例如：

<script type="text/javascript">

$(document).ready(function () {
    $(".faq").click(function () {
        $(this).find(".faq_answer").toggle();
    });
});

</script>

我对此完全不满意，所以我的问题是：有没有办法可以将我的 js 放回我的 global.js 文件中？

4

2 回答 2

2

如果我正确理解您的问题，您需要使用甚至委托将事件处理程序分配给尚不存在的元素

$(document).on("click",".faq", function (){ ... })

wheredocument可以.faq被绑定时存在的任何容器替换。

有关更多详细信息，请查看此处的“直接和委托”部分

于 2013-09-23T12:18:26.090 回答
0

尝试通过 global.js 加载页面，并将其保存在 html 页面中。保留将首先加载内容的脚本。这应该工作

于 2013-09-23T12:21:34.683 回答