CSS/HTML : 취소시 마우스 누르기

Question

CSS를 사용하여 링크 된 테마가 있습니다. 나는 모든 CSS 속성이 적용된 위아래로 작동합니다.

문제는 마우스 위로 단추를 누른 상태에서 끌어서 놓아 취소하면 일부 공백을 다시 클릭 할 때까지 다운 상태가 계속 적용되는 것입니다.

당신은 내가 4 여기에 버튼 1, 2 위를 수행하여 의미하고 무엇을 볼 수 있습니다 http://jsfiddle.net/2vjbz/

을 다시 클릭 할 필요가 없으므로 '새로 고침'어떻게해야합니까?

Answer 1

CSS에 따르면이 동작은 올바르지 만 문제는 마우스 업 이벤트가 트리거되지 않고 링크 요소가 활성 상태로 유지된다는 것입니다. link 요소에 대해 mouse up 이벤트를 호출하여 jQuery를 사용하여 문제를 해결할 수 있습니다.

당신은 그것을 실험 할 수 있습니다 호출기 DIV 마우스 이동

$('#pager').bind("mousemove", function(event) { 
    $('#pager a').mouseup(); 
}); 

당신은 그것을 완벽한

EDIT를 만들기 위해 조건을 추가해야 할 때

한 가지 방법은 그것을 호출하는 것입니다. 이것은 또 하나의 방법은 여기

http://jsfiddle.net/diode/2vjbz/18/

는 끌기 이벤트를 취소합니다. 이 두 가지 모두 나를 위해 일했습니다.