jquery - 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>我认为这是错误的属性 =/。

那么我应该为此使用什么属性？

问候，斯特凡。

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

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

});

Answer 3

如果你正在使用它可以使用 href 或 rel，在另一个元素中你可以使用 data-like data-load="url"

点击一下，你只需要抑制事件，所以：

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