带弹出窗口的jquery问题

我在弹出窗口中显示用户单击的最后一个元素而不是当前元素时出现问题。我有几个不同的优惠券，用户可以点击打印。例如，如果用户点击具有“测试”标识的优惠券，则什么都不会发生，但是当用户第二次点击时，优惠券出现。在这种情况下，无论点击哪张优惠券，“测试优惠券”都会继续出现。如果手动刷新页面，则用户可以点击新的优惠券。我究竟做错了什么？带弹出窗口的jquery问题

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

来源

2012-05-01 Muzz

什么popupWindow功能做什么？你使用任何插件？ – Shyju

似乎基本上没问题。你可以发布你的其他代码或jsFiddle吗？ – j08691

@Shyju，我使用这里的插件：http://www.swip.codylindley.com/popupWindowDemo.html – Muzz

我试试这个代码和工作

的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>

来源

2012-05-01 19:26:24 DFuchidzhiev

感谢您的回答。我已经尝试了这一点，但它纠正了不得不点击两次来调出新窗口，现在我只能得到HTML中列出的第一个总共5个优惠券。我无法获得任何其他优惠券。 – Muzz

你可以使用班级优惠券发布链接的HTML代码吗？ – DFuchidzhiev

好的，我现在把它贴出来。谢谢你看看。 – Muzz

带弹出窗口的jquery问题

回答

相关问题