두 번째 클릭만으로 작업하는 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

음 ... 기본 앵커 동작을 방지하려고 했습니까?

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

http://jsbin.com/IfirEBOj/2/edit 어떤 경우에는 몇 가지 디버깅 도구에 익숙해하고 발생 어떤 오류가 표시됩니다.

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

체크 바이올린 : 어떤 경우에 ...

Answer 2

당신이 href 속성을 무효화하려 적이 작동하지 않았다?

$(document).ready(function(){ 

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

     alert('test'); 

    }); 

}); 

Answer 3

하면이 시도 http://jsfiddle.net/3zEX5/2/

UPDATE : 난 당신이 다음 사업부 제를 클릭 생각 앵커 태그가 가까이에 있습니다 (예 : 작은 슬라이더 버튼). 이 이상한 클릭에 노력하고 있습니다로 그래서 당신은 당신이 명확하게 다음의 requirment 말할 수 있다면 우리는 당신에게 어떤 식 으로든 나를 위해

Answer 4

add: return false; to your command 

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