今天在做一個抽獎活動時小編要做一個抽獎沒有中獎之后直接彈出一個提示,然后再給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 ) {
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事件的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考