javascript - js点击事件第一次没反应,第二次才触发
本文介绍了javascript - js点击事件第一次没反应,第二次才触发的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
点第一次不触发,第二次才出发
div处代码:
<ul class="t-color-footer dis-box text-cen">
<a href="javascript:addToCart_1({$goods.goods_id},'{$goods.goods_img}')" class="box-flex" id="addcar" >
<li class="goods-shoping-box">确定</li>
</a>
<!--<a href="javascript:addToCart_quick({$goods.goods_id})" class="box-flex">
<li>立即购买</li>
</a>-->
</ul>
js代码:
<script type="text/javascript">
function addToCart_1(goodsid,img) {
$("#addcar").click(function(event) {
var offset = $(".end").offset();
var num=parseInt($(".end").html());
var flyer = $('<img class="u-flyer" src="'+img+'">'); //抛出的产品图片
var addcar = $(this);
flyer.fly({
start: {
left: event.pageX, //开始位置(必填)
top: event.pageY //开始位置(必填)
},
end: {
left: offset.left + 10, //结束位置(必填)
top: offset.top + 10, //结束位置(必填)
width: 0, //结束时宽度
height: 0 //结束时高度
},
onEnd: function() { //结束回调
num++;
$(".end").html(num);
}
});
});
//addToCart(goodsid);
}
</script>
解决方案
<ul class="t-color-footer dis-box text-cen">
<a href="#" onclick="addToCart_1('{$goods.goods_id}','{$goods.goods_img}')" class="box-flex" id="addcar" >
<li class="goods-shoping-box">确定</li>
</a>
</ul>
<script type="text/javascript">
function addToCart_1(goodsid,img) {
alert(123)
var offset = $(".end").offset();
var num=parseInt($(".end").html());
var flyer = $('<img class="u-flyer" src="'+img+'">'); //抛出的产品图片
var addcar = $(this);
flyer.fly({
start: {
left: event.pageX, //开始位置(必填)
top: event.pageY //开始位置(必填)
},
end: {
left: offset.left + 10, //结束位置(必填)
top: offset.top + 10, //结束位置(必填)
width: 0, //结束时宽度
height: 0 //结束时高度
},
onEnd: function() { //结束回调
num++;
$(".end").html(num);
}
});
//addToCart(goodsid);
}
</script>
这篇关于javascript - js点击事件第一次没反应,第二次才触发的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文