jquery - 无法点击加载

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 元素在使用前的可用性，使用它是安全的。

$(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 对象完全加载...