jquery - 更改 DIV 中的链接以使用 JQuery 加载

Question

我正在尝试制作一个脚本，其中某些链接使用 JQuery 加载代替

这不起作用。

function inload() {
$('#sausage').load(this.attr('href') + ' #sausage');
return false;
}

我认为问题出在我的 t 上his.attr('href')，但我需要一些建议。

有任何想法吗？

奇妙

Answer 1

$("a").live("click",function(e){  //.live not .click so the function will also work on the newly loaded content

    e.preventDefault(); //prevent the default action of clicking the link

    var href = $(this).attr("href"); //grab the links href

    $("body").load(href,callback); //load the contents of the href info the body of the page

});

//added a callback for running after the content has loaded if required
function callback(){
    alert("content loaded");
}

Answer 2

要获得，href您可以简单地这样做this.href，假设您实际上正在使用<a/>标签，并且this是Dom Element

function inload() {
  $('#sausage').load(this.href + ' #sausage');
  return false;
}

否则使用$(this).attr('href');

Answer 3

应该

$('#sausage').load($(this).attr('href')+'#sausage');

或者

$('#sausage').load(this.href+'#sausage');