处理JQuery和My97DatePicker的冲突
My97DatePicker是一个很好的日历控件,提供了很多的功能,更多 My97DatePicker的信息。
但是最近在一个页面中导入了JQuery,发现My97DatePicker就失灵了,后来网上查了解决冲突的方法。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应 用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。
例如:
<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>
<form action="/rmbcs/rf.do?method=toMain" method="post" >
<table width="900" border="0" cellpadding="5" cellspacing="1" bgcolor="#D2D2D2">
<tr>
<td height="25" bgcolor="#FFFFFF">起至日期:</td>
<td
height="25" bgcolor="#FFFFFF"><input id="startDate"
name="startDate" type="text" size="15" class="Wdate"
onfocus="WdatePicker({isShowClear:false})"/>
~<input
id="endDate" name="endDate" type="text" size="15" class="Wdate"
onfocus="WdatePicker({isShowClear:false})"/></td>
<td height="25" bgcolor="#FFFFFF">书名:</td>
<td height="25" bgcolor="#FFFFFF"><input id="bookName" name="bookName" type="text" size="20" /></td>
<td height="25" bgcolor="#FFFFFF">出版社:</td>
<td height="25" bgcolor="#FFFFFF"><input id="publish" name="publish" type="text" size="20" /></td>
<td height="25" bgcolor="#FFFFFF"><input type="button" name="btn" value="搜索" onclick=""/></td>
</tr>
</table>
</form>