锚点在可点击的 div 内答案

【问题标题】：anchor inside a clickable div锚点在可点击的 div 内
【发布时间】：2011-05-02 16:51:02
【问题描述】：

我在连接到 div 的点击脚本时遇到了这个问题。我要完成的事情是，当您单击可点击 div 内的 URL 时，不会调用 click 事件，并且您将被定向到锚点调用的任何内容。

这是JS

<script type="text/javascript">
$(document).ready(function()
{
    $(".comment_button").click(function(){

    var element = $(this);
    var I = element.attr("id");

    $("#slidepanel"+I).slideToggle(300);
    $(this).toggleClass("active");

    return false;
    });
});
</script>

这是html

<div class="comment_button" id="<?=$klotter_info['id']?>" style="cursor:pointer;">
<?=sanitize($klotter_info['message'])?> // Kommer i vissa fall ha länkar i sig
</div>

非常感谢任何帮助！提前致谢。

【问题讨论】：

标签： javascript jquery html anchor clickable

【解决方案1】：

为您的锚点制作点击处理程序并调用 stopPropagation：

$('a').click(function(event){
   event.stopPropagation();
});

这将禁用事件冒泡。并且不会触发 div 点击。

【讨论】：