Question

链接在页脚中，问题是：onclick，页面跳转到地址栏中带＃的标题，有没有办法留在页脚？

这是我的代码

<a href="#" class="clickIn" id="1" attrIn="Like"><span style="color: #33A13D"><i class="fa fa-hand-o-up"></i></span></a>

$(document).on('click', '.clickIn', function(){
    var $this = $(this);
    var liCount = $('#liCount');
    if($(this).attr('attrIn')=='Like'){
        $.post('page.php',{i:$(this).attr('id'),action:'like'},function(){
        $this.html('done');
        $this.attr('attrIn','');
    });
    }
});

由于

Answer 1

使用event.preventDefault（）：

$(document).on('click', '.clickIn', function(e){
    e.preventDefault();
    var $this = $(this);
    var liCount = $('#liCount');
    if($(this).attr('attrIn')=='Like'){
        $.post('page.php',{i:$(this).attr('id'),action:'like'},function(){
        $this.html('done');
        $this.attr('attrIn','');
    });
    }
});

取消特定元素中浏览器的默认操作。检查参考：http://api.jquery.com/event.preventDefault/

Answer 2

哟必须修改你的处理程序以添加e.preventDefault（）和e.stopPropagation（）：

$(document).on('click', '.clickIn', function(e){
    e.preventDefault();
    e.stopPropagation();
    var $this = $(this);
    var liCount = $('#liCount');
    if($(this).attr('attrIn')=='Like'){
        $.post('page.php',{i:$(this).attr('id'),action:'like'},function(){
        $this.html('done');
        $this.attr('attrIn','');
    });
    }
});

这将阻止链接的默认操作（按照“＃”链接）并停止点击事件的传播（冒泡）。

Answer 3

您可以通过调用事件对象的preventDefault方法来阻止已触发事件的默认行为。即：

$(document).on('click', '.clickIn', function(event){
    var $this = $(this);
    var liCount = $('#liCount');

    // Do this:
    event.preventDefault();

    if($(this).attr('attrIn')=='Like'){
        $.post('page.php',{i:$(this).attr('id'),action:'like'},function(){
        $this.html('done');
        $this.attr('attrIn','');
    });
    }
});

Answer 4

内部点击使用

event.preventDefault();

jQuery：没有刷新的POST数据

4 个答案: