3

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

これにより、元のリンクを含むページが読み込まれます。たとえば、127.0.0.1/filetobeloaded.html です。 <a href="filetobeloaded.html">test</a>

しかし、もしそうなら、<a href="#" rel="filetobeloaded.html">test</a>これは間違った属性だと思います=/。

これにはどの属性を使用すればよいですか？

ごきげんよう、ステファン。

4

3 に答える 3

1

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"));
 });

});
于 2012-04-25T12:21:48.790 に答える
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 なしで機能させるオプションが提供されます。

于 2012-04-25T12:13:57.513 に答える
0

使用している場合は、hrefまたはrelを使用しても問題ありません。別の要素では、data-load="url"などのデータを使用します。

クリックするだけで、イベントを抑制する必要があります。

$('a').click(function(ev) {
  // load stuff here using $(this).attr('href')
  ev.preventDefault();
  return false;
}
于 2012-04-25T12:15:17.950 に答える