0

現在の要素ではなく、ユーザーが最後にクリックした要素を表示するポップアップ ウィンドウに問題があります。ユーザーがクリックして印刷できるクーポンがいくつかあります。たとえば、ユーザーが ID が「test」のクーポンをクリックしても何も起こりませんが、ユーザーが 2 回目にクリックするとクーポンが表示されます。この場合、どのクーポンをクリックしても「お試しクーポン」が表示され続けます。ページが手動で更新された場合、ユーザーは新しいクーポンをクリックできます。私は何を間違っていますか？

$(".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>
4

1 に答える 1

0

私はこのコードを試して動作します

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>

属性の変更によってプロジェクトが壊れていないことを願っています

チアーズ

更新: div タグを

<a class="coupon" id="test1" href="_your_link_">
  <span class="price">$5.00 OFF</span>
  <span class="title">Test  </span>
</a>
于 2012-05-01T19:26:24.690 に答える