2回クリックする必要のあるJQueryのクリック機能

Question

最近問題が発生しましたが、ここでも同様の質問が出ていますが、提供された回答はどれも私にとって問題はありません。

私はjQueryのクリック機能と同じリンク上の 'onclick'機能を持っています（隠れたdivを表示して、ウィンドウをポップアップさせます。現時点でリンクがクリックされると、ポップアップは正常に動作しますが、非表示のdivを表示するには2回目のクリックが必要です。ポップアップは2回目のクリックで再び表示されます。

私は、スクリプトをページの下部に移動して（まったく動作しませんでした）、またonclickイベントを完全に削除するなど、いくつかのことを試しましたが、 '表示'の側面には常に2クリック

どのポインタも大変ありがとうございます。私のコードは以下の通りです。

<script language="javascript"> 
jQuery(document).ready(function() { 
$(".show").click(function(){ 
var left = $(this).next('span').css('left'); 
if (left == '3px') { 
$(this).next('span').animate({left:'148px'}, 1000); 
} else { 
$(this).next('span').animate({left:'3px'}, 1000); 
} 
return false; 
}); 
}); 
</script> 

<script type="text/javascript"> 
function showPopup(url) { 
newwindow=window.open(url,'name','height=190,width=520,top=200,left=300,resizable'); 
if (window.focus) {this.window.focus()} 
} 
</script> 

<!--- In Page ---> 
<div class="coupon"><a href="/relevantpage.html" onclick="showPopup(this.href);return(false);" class="show"></a><span class="code">ABC1</span></div> 

Answer 1

それはそうではないかもしれないと私には思えますクリックハンドラーと関係がありますが、最初のクリックではleftは'3px'と等しくなくなりますが、それ以外のもの（おそらく'auto'？）になります。しかし、それは同じ位置にあるので、アニメーションは見えません。次回は、アニメーションがいつ'148px'になるかがわかります。アニメーションの後でクラスを切り替えると、それがきれいになるかもしれません。

Answer 2

私はonclickイベントを削除したいとjQuery click function内のすべてのものを行います。

私は両方のイベントを使っても同じ問題がありました。だから、showPopup関数をclickイベントに移動してみてください。ここで

$(".show").click(function(){ 

    showPopup($(this).attr("href")); 

    var left = $(this).next('span').css('left'); 
     if (left == '3px') { 
     $(this).next('span').animate({left:'148px'}, 1000); 
     } else { 
     $(this).next('span').animate({left:'3px'}, 1000); 
    } 
    return false; 
}); 

あなたは、これは正しい動作であれば、チェックするためにあなたのコード（他の画素値）の例を見ることができます：

http://jsfiddle.net/tQGxZ/1/