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 >
< 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 >
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"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>