Javascript 为什么不用jquery在HTML中加载我的外部内容呢？

我有一个带有垂直菜单的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>

---

为什么不在DIV标记之间加载外部HTML？当您单击锚定标记时，会重定向页面，谢谢。您必须使用

event.preventDefault（）停止该操作

这是更新后的代码

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

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

如果问题没有解决，那么您应该检查
pollo.html
、
tacchino.html
和
prodotti.html
的路径是否正确？
将代码包装在
就绪
事件中

$(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);
     });
});

他想让div contentPro加载应该从JQuery加载的html（据我所知），这很大程度上取决于URL-您可能在这里有跨域请求。是的，对不起。为什么外部html不在div标记之间加载？打开控制台（F12）并键入
$（'#contentPro'）.load（“pollo.html”）
来测试它。让我们知道会发生什么。如果
href
值为空，它不会被重定向。@如果它确实重新加载/重定向，请检查此处。。。呵呵，谢谢！这就是问题所在。。但我不明白为什么。。因为我把这段代码放在另一个“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);
     });
});