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');
}); 

在任何情況下，您都應該熟悉一些調試工具並查看它拋出的錯誤。 如果有...

Answer 2

add: return false; to your command

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

Answer 3

您是否嘗試使href屬性無效？

$(document).ready(function(){

    $("a.ui-slider-handle").attr('href', 'javascript:void(0)').click(function(){

        alert('test');

    }); 

});

Answer 4

試試這個：

<div id="slider"></div>
$(document).ready(function () {
    $("#slider" ).slider();
    $("#slider").on('click','a',function () {
        alert('test');
    });
});

檢查小提琴： http ： //jsfiddle.net/3zEX5/2/

更新：我認為你先點擊div然后錨標簽靠近它，即小滑塊按鈕。 所以你感覺它正在進行奇怪的點擊，如果你能清楚地告訴你要求那么我們可以建議你一些方法