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を、それを呼び出すことです。これは、1つの以上の方法ここで

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

それはドラッグイベントをキャンセルしています。両方とも私のために働いた。