Question

我想让下面的脚本运行但是我不能，有什么建议吗？关键是我试图从其他页面调用外部内容。当我单独编写它是可以的，但当我尝试从列表中加载它或通过单击时，它不能按预期工作

<div id="test">
    <a href="1/1.html">text 1</a>
    <a href="1/2.html">text 1</a>
</div>  

<b>see the text:</b>
<ol id="new-nav"></ol>

<script>
    $("#test").click(function () {
        $("#new-nav").load("href");
    });
</script>

Answer 1

Instead of passing "href" to load这不是有效的资源pass the href of link being clicked，我还将选择器更改为使用锚点绑定点击。放入$（document）.ready将确保dom Element在使用前的可用性，使用它是安全的。

$(document).ready(function(){         

    $("#test a").click(function (e) {

        // Stop the link from changing the page
        //e.preventDefault();

        // Your jQuery code.

        $("#new-nav").load($(this).attr("href"));
    });

});

Answer 2

按照我在下面显示的方式输入您的代码。

$(document).ready(function(){
     // Your jQuery code.
});

你必须放置document.ready，因为jQuery代码总是在文档完全加载后运行，或者DOM对象被完全加载...

点击时无法加载

2 个答案: