jQuery 仅在第二次单击时工作

Question

谁能指出为什么我在第一次单击时无法弹出警报的问题？它仅在每秒一次单击时起作用（即，在奇数点击时不起作用，在偶数点击时起作用）。

HTML：

<div class="slider">
    <div class="slider-box ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
        <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 50%;"></a>
    </div>
</div>

jQuery：

$(document).ready(function() {
    $("a.ui-slider-handle").click(function() {
        alert('test');
    }); 
});

我也尝试过但没有成功

$(document).ready(function() {
    $("a.ui-slider-handle").mousedown(function() {
        alert('test');
    }); 
});

Answer 1

嗯...您是否尝试过阻止默认的锚点行为？http://jsbin.com/IfirEBOj/2/edit

$("a.ui-slider-handle").click(function( event ) {
    event.preventDefault();
    alert('test');
}); 

无论如何，您应该熟悉一些调试工具并查看它会抛出什么错误。如果有的话...