1

垂直メニューのある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タグ間でロードされないのですか??ありがとう

4

2 に答える 2

0

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);
     });
});
于 2012-11-12T10:21:39.747 に答える
0

アンカータグをクリックすると、<a>ページがリダイレクトされます。を使用してそのアクションを停止する必要があります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が正しいかどうかを確認する必要があります。

于 2012-11-12T10:15:34.057 に答える