Centos系统下载大全 | Redhat系统下载大全 | Windows2012系统下载大全 | Windows2008系统下载大全| CMS教程 | 网站地图 51运维网-专注Linux/Unix系统安全运维!
当前位置:51运维网 > Web前端 > Javascript > 正文

javascript中live支持多次click事件

时间:2015-06-09 22:29 来源:未知 作者:Apache 阅读:
<script>
    $(function(){
            $('#public_ym_left').live('click',function(){
                //<符号的右侧的第一个号
                        
            var sibQ=$('#public_ym_left').next().text();
                    
            if(sibQ>=1&&sibQ<=5) var start=1;
            if(sibQ>5)
                var start=parseInt(sibQ)-4;
                    
            $("#upage").children().remove();
            var childQ=$('<li id="public_ym_left"><a href=\'#\'" /a></li>');
            var childH=$('<li id="public_ym_right"><a href=\'#\'" /a></li>');
            var loage=$('<li><a href=\'#\'" /a></li>');  
            $("#upage").append(childQ);
                    
            for(var i=start;i<(start+5);i++)
            {
                var son=$('<li><a class="vpage" id="page'+i+'" href=\'#\'" /a></li>');
                $("#upage").append(son);
            }
                $("#upage").append(loage);
                $("#upage").append(childH);
                $('#public_ym_left').unbind();
        });
                
        $('#public_ym_right').live('click',function(){
                    
            var sibH=$('#public_ym_right').prev().prev().text();
                    
                    
            var start=parseInt(sibH);
            $("#upage").children().remove();
            var childQ=$('<li id="public_ym_left"><a href=\'#\'" /a></li>');
            var childH=$('<li id="public_ym_right"><a href=\'#\'" /a></li>');
            var loage=$('<li><a href=\'#\'" /a></li>');  
            $("#upage").append(childQ);
                
            for(var i=start;i<(parseInt(start)+5);i++)
            {
                var son=$('<li><a class="vpage" id="page'+i+'" href=\'#\'" /a></li>');
                $("#upage").append(son);
            }
                $("#upage").append(loage);
                $("#upage").append(childH);
            $('#public_ym_right').unbind();
        });
                
    });
</script>

    
<div class="public_ym">
    <ul id="upage">
      <li id="public_ym_left"><a href=\'#\'"  ></a></li>
        
      <li class="vpage"><a id="page1" class="vpage" href=\'#\'" /a></li>
      <li class="vpage" ><a id="page2" class="vpage" href=\'#\'" /a></li>
      <li class="vpage"><a  id="page3" class="vpage" href=\'#\'" /a></li>
      <li class="vpage" ><a id="page4" class="vpage" href=\'#\'" /a></li>
      <li class="vpage" ><a id="page5" class="vpage" href=\'#\'" /a></li>
       
     <li><a href=\'#\'" /a></li>
      <li id="public_ym_right"><a href=\'#\'" /a></li>
    </ul>
    <table border="0" cellpadding="0" cellspacing="0" class="public_tzy">
       <tr>
         <td width="64" align="right">跳转到第</td>
         <td width="57" align="center"><input name="" type="text" class="ym_tzys" /></td>
         <td width="59">共<span>100</span>页</td>
       </tr>
    </table>
   </div>
Javascript专题 :http://www.51ou.com/browse/js/

感谢您对【51运维网 http://www.51ou.com/】的支持,我们为您免费提供《javascript中live支持多次click事件》技术文章,《javascript中live支持多次click事件》详细使用和说明,有时《javascript中live支持多次click事件》可能不完善、敬请谅解!如果《javascript中live支持多次click事件》有错误请给我们留言,我们将尽快修复文章错误,如果您觉得本站不错,请分享给周围的朋友!谢谢!

顶一下
(2)
100%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
验证码:点击我更换图片