Jquery为DIV添加click事件的简单实例
今天在做⼀个抽奖活动时⼩编要做⼀个抽奖没有中奖之后直接弹出⼀个提⽰,然后再给div添加⼀个事件了,下⾯我们来看这个例⼦的做法。
html
<a href="javascript:void(0);" id="click_ms" >
<img src="img/bbg_08.jpg" border="0" >
</a>
jquery事件
$('#click_ms').click(function(){
//alert(1);
$.post("ajax.php", {"time":<?=$starttime?>}, function(data) {
if ( data == 1 ) {
tusi('恭喜你获得电影票1张!');
} else if( data == 2 ) {
jquery弹出div窗口tusi('抱歉您没有抽中,请明天再来试试!');
}
});
})
看到上⾯有核⼼的⼀句
$("#click_ms").live("click",function(){tusi('抱歉您没有抽中,请明天再来试试!');return false;});
这⼀句就是告诉给#click_ms绑定⼀个点击事件,然后点击之后直接弹出提⽰,然后再返回return false这样就不会有下⾯的事件了,其实⽣成的html如下
<a href="javascript:void(0);" id="click_ms" onclick="tusi('抱歉您没有抽中,请明天再来试试!');return false;" >
<img src="img/bbg_08.jpg" border="0" >
</a>
这样就达到位们的⽬的了,当然还有这种做法
$('div').click(function () {
alert(this.innerText);
});
效果⼀样的。
以上这篇Jquery为DIV添加click事件的简单实例就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论