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

时间:2012-04-13 23:07:52

标签: javascript jquery html

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

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

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

所以我想要它做

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

5 个答案:

答案 0 :(得分:4)

这应该让你开始:

$(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
});

答案 1 :(得分:1)

可以做类似

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

答案 2 :(得分:0)

$(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;
});

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

这应该这样做:

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