处理JQuery和My97DatePicker的冲突

原创 2007年09月17日 18:37:00

My97DatePicker是一个很好的日历控件,提供了很多的功能,更多 My97DatePicker的信息。

但是最近在一个页面中导入了JQuery,发现My97DatePicker就失灵了,后来网上查了解决冲突的方法。

使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。

例如:

    <script src="../script/jquery-latest.pack.js" type="text/javascript"></script>

    
<script type="text/javascript">
        jQuery.noConflict(); 
    
</script>

    
<script src="../script/date/WdatePicker.js" type="text/javascript"></script>

之后要使用JQuery的地方,如下:

    <script type="text/javascript">
   jQuery(document).ready(
       
function()
       {
            jQuery(
'#addDIVBanner').click(
                
function()
               {
                    
if(jQuery('#addDIV').css('display')=='block')
                        jQuery(
'#addDIV:visible').slideUp('slow');
                    
else
                        jQuery(
'#addDIV:hidden').slideDown('slow');
               } 
            ) 
       }    
   );
    
</script>

 

 

<script type="text/javascript"><!-- google_ad_client = "pub-7753985038232859"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_type = "text_image"; //2007-11-01: blog.csdn.net/allenle google_ad_channel = "6738416815"; google_color_border = "C3D9FF"; google_color_bg = "FFFFFF"; google_color_link = "0000FF"; google_color_text = "000000"; google_color_url = "008000"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

日历控件My97DatePicker使用--onchange不生效

这里先显示大家都可以看到的My97DatePicker的用法: WdatePicker日历控件使用方法(http://www.cnblogs.com/yuhanzhong/archive/2011/...
  • u012377333
  • u012377333
  • 2016年02月02日 11:20
  • 10210

My97DatePicker(几种日历控件/js/实例演示)

  • 2010年05月09日 17:36
  • 118KB
  • 下载

My97DatePicker日期插件在谷歌浏览器无法正常显示

My97DatePicker日期插件在JSP页面中无法正常显示日期框, 原因为引用的JS路径有问题,需要加上 ...
  • u010758605
  • u010758605
  • 2017年07月27日 14:03
  • 828

My97DatePicker IE chrome失效,路径问题

My97DatePicker 在火狐下可用,在IE9 chrome下失效,经排查,是路径问题,My97DatePicker.js的引用要使用绝对路径 原来: 日期控件在chrome iE9...
  • comikey
  • comikey
  • 2013年05月22日 11:07
  • 2973

用My97扩充成的ExtJs日期时间插件

/** * 日期时间控件,可单独显示日期,或日期时间。格式可自己设置。和myDate97设置一样 * @class Ext.form.DateTimeField * @extends Ext.f...
  • u013444177
  • u013444177
  • 2014年01月18日 23:20
  • 1179

datepicker 失效,jquery-ui.js 冲突,日历框跑出来了

在项目中增加了jquery file upload 的一些内容之后,
  • zhouyingge1104
  • zhouyingge1104
  • 2014年11月24日 15:08
  • 4895

iframe中使用My97DatePicker WdatePicker()无法弹框

A项目中通过【单点登录】访问B项目的页面; 这样就可以达到将B项目整合到A项目中的目的; 整合过程中发现B项目的某张页面中在A项目的框架下日期控件My97DatePicker的弹框层无法触发; ...
  • sat472291519
  • sat472291519
  • 2017年05月26日 16:34
  • 1301

My97DatePicker设置,包括隐藏 清空,设置最大日期等

http://www.cnblogs.com/huangw/archive/2013/01/25/2876009.html  My97DatePicker是一款非常灵活好用的日期...
  • zunguitiancheng
  • zunguitiancheng
  • 2016年06月29日 11:41
  • 9207

My97DatePicker基本用法

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。  1、下载My97DatePicker组件包  2、在页面中引入该组件js文件:        3、例子 ...
  • emoven
  • emoven
  • 2014年12月11日 16:58
  • 80025

jquery和其他js库起冲突的解决方法

我以为jquery只会和其他js框架如(Dojo,Prototype,ExtJs)等发生冲突 今天用了一下My97DatePicker日历控件 当我同时引入jquery.js和/My97DateP...
  • itmyhome
  • itmyhome
  • 2011年12月02日 10:47
  • 3169
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:处理JQuery和My97DatePicker的冲突
举报原因:
原因补充:

(最多只允许输入30个字)