网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 Jquery为DIV添加click事件的简单实例
范文
    今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法。
    html
    <a href="javascript:void(0);" id="click_ms" >
    <img src="img/bbg_08.jpg" >
    </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" >
    </a>
    这样就达到位们的目的了,当然还有这种做法
    $('div').click(function () {
    alert(this.innerText);
    });
    效果一样的。
    以上这篇Jquery为DIV添加click事件的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 4:29:30