Question

当有人点击<a>时，有没有办法阻止该页面加载下一页标签而不是我希望它给出href值，例如“www.google.com”，然后做一个jquery .load() 这是这样的

$(".window").load(hrefvalue);

我知道我可以更改所有href值以启动javascript函数，但这需要一些时间，所以我只是寻找最简单的方法。

所以我想要它做

停止在 <a href 点击上加载下一部分的网页。
获取href值，例如http://www.google.com。
然后对href页面执行jquery (.load()或$.ajax()）调用。

Answer 1

这应该让你开始：

$(document).on('click', 'a', function(event) {
  event.preventDefault();    // Now the link doesn't do anything
  var href = this.href;      // The link's URL is in this variable
});

Answer 2

可以做类似

的事情

$(document).on('click', '*[href]', function(e) {
   // Whatever you're trying to do
   e.preventDefault();
   return false;
});

Answer 3

$(document).on('click','a[href]',function(){
    var href = $(this).attr('href');

    $.ajax(href,function(data){
        $(your_container).html(data);
        //data is the HTML returned
        //note that ajax is bound to the
        //same origin policy
        //any request outside your domain won't work
    })

    return false;
});

Answer 4

<a href="javascript:void(0);">...</a>

之后你可以为这个锚编写你的脚本。

Answer 5

这应该这样做：

$("a").click(function(event) {
  event.preventDefault();
  var href = $(this).attr("href");
  $.ajax({
     url: href,
     success: function(data) {
      alert('Load was performed.');
    }
  });
});

删除默认<a href=""> action</a>

5 个答案: