html jquery.load、動的ファイル名

Question

私はli/aで作られたメニューを手に入れました。これでjquery.loadが動作しました。リンクをクリックすると、div内のコンテンツをページを更新せずに読み込みます。属性にロードする必要があるファイル名を追加する最も良い方法は何ですか？

これは、元のリンク：127.0.0.1/filetobeloaded.htmlなどのページを読み込みます。 <a href="filetobeloaded.html">test</a>

しかし、もし私が<a href="#" rel="filetobeloaded.html">test</a>とすれば、これは間違った属性であると思われます。

私はこれにどのような属性を使用する必要がありますか？

Greets、 Stefan。

Answer 1

href属性を使用してください。 .click関数では、ちょうどreturn falseを実行します。これにより、ブラウザがそのページにリダイレクトされなくなります。

<a href="filetoload.html" class="ajaxLinks">MyLink</a> 

$('.ajaxLinks').click(function() { 
    // do something with this.href  

    return false; 
}); 

href属性を使用すると、javascriptなしで動作させることができます。

Answer 2

あなたがそれを使用している場合は、あなたがちょうどそう、イベントをSUPRESSする必要がありますクリックでデータ・ロード=「URL」

のようなデータ - 使用する別の要素で、HREFまたはRELを使用するの罰金です。

$('a').click(function(ev) { 
    // load stuff here using $(this).attr('href') 
    ev.preventDefault(); 
    return false; 
} 

Answer 3

href属性を使用します。それはあなたのJavaScriptが無効になっているブラウザでも機能するようになります。

<a href="yourpage.html" class="ajaxLink">Link 1</a> 

とスクリプト

$(function(){ 

$("a.ajaxLink").click(function(e){ 
    e.preventDefault() //to prevent the normal behaviour of a tag 
    $("#yourContentdiv").load($(this).attr("href")); 
}); 

});