javascript - 为什么不使用 jquery 将外部内容加载到 HTML 中？

Question

我有一个带有垂直菜单的 HTML 页面。我想单击一个菜单项以在 div 标签内容项之间打开。

这是 HTML

 <div id="navigation">
  <ul id="list-links">
    <li ><a id="pollo" href="">Pollo</a></li>
    <li><a id="tacchino" href="">Tacchino</a></li>
    <li><a id="prodotti" href="">Prodotti</a></li>
</ul>

<div id="contentPro">

</div>

     </div>

这是 JS:

        $('#list-links li a' ).click(function(){  
        $clicked = $(this);
        var idToLoad = $clicked.attr("id")
        var url=idToLoad+'.html';

         $('#contentPro').load(url);

});  

为什么外部 HTML 无法在 DIV 标记之间加载？谢谢

Answer 1

将代码包装在 ready 事件中，例如

$(document).ready(function(){
    $('#list-links li a' ).click(function(e){ 
        e.preventDefault();
        $clicked = $(this);
        var idToLoad = $clicked.attr("id")
        var url=idToLoad+'.html';
        $('#contentPro').load(url);
     });
});