Question

在我的代码中，我使用名为updateLogButton的链接按钮来显示/隐藏div。因为每次点击焦点移动到页面的开头时我都会使用链接按钮。如何停止此默认行为？

Jquery片段：

$('#updateLogText').hide();

$('#updateLogButton').click(function() {

    if ($('#updateLogText').is(':visible')){

        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();       
    }

});

HTML code：

<tr>
    <td><a href="#"  id="updateLogButton">Update Log</a></td>
</tr>
<tr>
    <td colspan="3" >
        <div id="updateLogText" style="width:100%;">
            <?php echo $data['updates']; ?>
        </div>

    </td>
</tr>

修改我的意思是：http://jsfiddle.net/cF4Bb/7/

Answer 1

要在单击链接时阻止默认操作，您可以从单击处理程序返回false或调用event.preventDefault其中event是传递给单击处理程序的事件对象。

$('#updateLogText').hide();

$('#updateLogButton').click(function(event) {

    if ($('#updateLogText').is(':visible')){

        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();       
    }
    event.preventDefault();
    //or return false;
});

Answer 2

添加返回false

$('#updateLogButton').click(function() {

    if ($('#updateLogText').is(':visible')){

        //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();       
    }

     return false;
});

Answer 3

您也可以尝试将href更改为：

<a href="javascript:void(0);" id="updateLogButton">Update Log</a>

Answer 4

从单击事件返回false

$('#updateLogText').hide();

$('#updateLogButton').click(function() {

    if ($('#updateLogText').is(':visible')){

       //hide div if content is visible
        $('#updateLogText').fadeOut();

    }else{

        $('#updateLogText').fadeIn();       
    }
    return false;
});

Answer 5

从

中删除href =“＃”

<td><a **href="#"** id="updateLogButton">Update Log</a></td>

到

<td><a id="updateLogButton">Update Log</a></td>

请注意，这可能会删除像文本一样的“超链接”;你可以用css重新申请。

[编辑：已添加] 或者，您可以使用LinkButton，如下所示：

<asp:LinkButton id="btnLink" Text="Update Log" **onclick**="javascript:ShowHide(); return false;"/>

您必须编写自己的javascript函数。 **注意：无论是onclick还是onclientclick都无法记住我的想法。但是你明白了。

如何停止刷新页面的链接按钮

5 个答案: