ポップアップウィンドウのJqueryの問題

Question

現在の要素の代わりにユーザーがクリックした最後の要素を示すポップアップウィンドウに問題があります。私はユーザーが印刷するためにクリックすることができるいくつかの異なるクーポンを持っています。たとえば、ユーザーが "test"というIDのクーポンをクリックした場合、何も起こりませんが、ユーザーがもう一度クリックするとクーポンが表示されます。この場合、クーポンがクリックされても「テストクーポン」は表示され続けます。ページを手動でリフレッシュすると、ユーザーは新しいクーポンをクリックできます。私は間違って何をしていますか？

$(".coupon").click(function() { 
    var id = $(this).attr("id"); 
    $('.pop').popupWindow({ 
     windowURL:'coupons/' + id + '.html' 
    }); 
}); 

---

.coupon { 
margin:10px; 
height:152px; 
width:193px; 
position:relative; 
cursor:pointer; 
float:left; 
} 

.coupon .price { 
margin-top:7px; 
font-size:29px; 
font-weight:bold; 
color:white; 
text-align:center; 
} 

.coupon .title { 
margin-top:5px; 
font-size:18px; 
font-weight:bold; 
color:black; 
text-align:center; 
font-family:'Times New Roman',Georgia,Serif; 
} 

<div class="coupon pop" id="test1"> 
    <div class="price"> 
    $5.00 OFF 
    </div> 
    <div class="title"> 
    Test 
    </div> 
</div> 

<div class="coupon pop" id="test2"> 
    <div class="price"> 
    $5.00 OFF 
    </div> 
    <div class="title"> 
    Another test 
    </div> 
</div> 

Answer 1

私はこのコードを試してみて

のjavascript機能します：

<script type="text/javascript"> 
$(function() { 
$('.coupon').each(function(){ 
    $(this).popupWindow({ 
     windowURL:$(this).attr("href") 
    }); 
}); 
}); 
</script> 

htmlコード：

<a class="coupon" href="http://google.com" onclick="return false;" id="google">Google</a> 
<a class="coupon" href="http://yahoo.com" onclick="return false;" id="yahoo">Yahoo</a> 

ホップ属性の変更は、プロジェクトを壊していない電子

Chears

アップデート：？ 私はあなたのdivタグがpopupWindow機能は何をやっている

<a class="coupon" id="test1" href="_your_link_"> 
    <span class="price">$5.00 OFF</span> 
    <span class="title">Test </span> 
</a>