无需申请自动送彩金68_白菜送彩金网站大全[无需申请秒送彩金]
做最好的网站
来自 无需申请自动 2019-08-01 03:55 的文章
当前位置: 无需申请自动送彩金68 > 无需申请自动 > 正文

解决jquery插件冲突的问题,注意事项说明

直接看代码吧,测试结果也贴在里面了

今天做了一个例子,用jquery和jquery插件 lightbox做了图片浮动放大效果,没有任何问题。

jQuery有一个很好用的delegate(事件委派)功能,可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。

复制代码 代码如下:

然后再加了一个 导航栏的js,结构导航的js和图片浮动放大的js发生了冲突,

比如下面的例子,动态添加一个输入文本框后,我想让所有文本框(不管是不是动态添加的)在获取焦点时,自动转大写。

var arrDemo = new Array();

要么就只有导航栏的js有效,要么就只有图片浮动js有效。

复制代码 代码如下:

 arrDemo[0] = 10;
 arrDemo[1] = 50;
 arrDemo[2] = 51;
 arrDemo[3] = 100;

结果上网搜了搜,解决办法有如下

<!doctype html>
<html>
<head>
    <title>delegate测试</title>
 <script type="text/javascript" src=";
 <style type="text/css">
*{padding:0;margin:0;list-style:none;margin:5px} 
 </style>

 arrDemo.sort(); //调用sort方法后,数组本身会被改变,即影响原数组

jQuery.noConflict()

 <script type="text/javascript">
//动态添加一行文本输入框
function addInput(){ 
 $("#ulTarget").append("<li><input type="text" value="aaaaaa"/></li>"); 
}

 alert(arrDemo);//10,100,50,51 默认情况下sort方法是按ascii字母顺序排序的,而非我们认为是按数字大小排序

概述 运行这个函数将变量$的控制权让渡给第一个实现它的那个库。

$().ready(function(){
 $("#ulTarget").delegate(":text","focus",function(){
$(this).val($(this).val().toUpperCase());
 }); 
})
 </script>
</head>
<body>
  <ul id="ulTarget">
 <li><input type="text" value="123456abc"/></li>
 <li><input type="text" value="123456abc"/></li>
 <li><input type="text" value="123456abc"/></li>
 <li><input type="text" value="123456abc"/></li>
  </ul>  
  <button id="btnAdd" onclick="addInput()">add input</button>
</body>
</html>

本文由无需申请自动送彩金68发布于无需申请自动,转载请注明出处:解决jquery插件冲突的问题,注意事项说明

关键词: