Question

我遇到弹出窗口的问题，显示用户点击的最后一个元素而不是当前元素。我有几个不同的优惠券，用户可以点击打印。例如，如果用户点击ID为“test”的优惠券，则没有任何反应，但是当用户第二次点击时，优惠券就会出现。在这种情况下，无论点击哪个优惠券，“测试优惠券”都会继续出现。如果手动刷新页面，则用户可以单击新优惠券。我做错了什么？

$(".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标签转换为

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

弹出窗口的Jquery问题

1 个答案: