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-load =“url”

点击你只需要压制事件，所以：

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

html jquery.load，动态文件名

3 个答案: