Question

我遇到了一个我创建的按钮的问题，基本上当我点击按钮时，它看起来非常无响应，只有大约50％的时间点火。目前我在按钮内部有一个span标签，我认为这可能会对按钮点击产生影响。这是正确的，如果是的话，什么是防止点击跨度的最佳方法？

按钮标记：

<button class="btn view-newest btn-inverse is-active">
 <i class="icon icon-star"></i>
 <span>Click the button</span>
</button>

我接下来是一个简单的.on点击事件？

Answer 1

<span>标记不应该干扰jQuery click事件监听器，如果这是您获得的所有代码;它没有任何花哨的东西。

这是一个JSFiddle来证明这一点：

<button class="btn view-newest btn-inverse is-active">
 <i class="fa fa-star"></i>
 <span>Click the button</span>
</button>

<div id="timesClicked">Times clicked: </div>

<script>
    clicked = 0;
    $(".btn").on('click', function() {
        clicked++;
        $("#timesClicked").text("Times clicked: " + clicked)
   });
</script>

我会检查控制台是否有错误，确保只有一个事件监听器，并且它在正确的地方被调用，并检查是否有任何松散的Javascript或CSS规则影响该按钮。

单击按钮时如何防止按钮内跨标签无法点击或无响应？

1 个答案: