[英]How to solve conflict in jQuery when used in asp.net page
以下是我在同一页面中用于日期时间选择器和颜色框的参考和脚本。 评论另一个引用的脚本时,只有其中一个起作用。 我认为这可能是由于使用jQuery noconflict引起的冲突。 但这没有帮助。
如何解决呢?
<%--DATE AND TIME PICKER--%>
<%-- <link rel="stylesheet" href="../Uploadedfiles/System/Scripts/jquery-ui.css" />
<script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-sliderAccess.js" type="text/javascript"></script>--%>
<%--COLOR BOX--%>
<link rel="stylesheet" type="text/css" href="css/colorbox/colorbox.css" media="screen, projection" />
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script src="js/jquery.colorbox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$("[id*=txtfromdate]").datepicker();
$("[id*=txttodate]").datepicker();
$("[id*=txtClosingDate]").datepicker();
$("[id*=txtTimestart]").timepicker({
timeFormat: "hh:mm tt"
});
$("[id*=txtTimeend]").timepicker({
timeFormat: "hh:mm tt"
});
});
</script>
<script type="text/javascript">
function colorbox() {
var hv = $("[id*=txt_Messsage]").val();
$.colorbox({ width: "50%", height: "30%", html: hv })
alert(hv);
}
</script>
是的,正如您正确怀疑的那样,可能是某些功能可能出现在您的两个JQuery文件中,这些文件可能一直在造成这种冲突。
解决方案:1)尝试确定您的jQuery文件之间共有哪些功能,或者尝试使用单个jQuery文件并将所需的其他功能复制到其中一个jQuery文件中。 2)否则使用jQuery.noConflict();
内
这个jQuery(document).ready(function ($) {
干杯!!!!
使用$.noConflict();
在可能造成冲突的代码之前
引用此链接
除了其他答案之外,
完成后: $.noConflict();
您又回到了jQuery
(而不是美元符号)
但是您也可以:
var _=$.noConflict();
现在您可以使用_("#myId")...
注意,您可能需要重载:
jQuery.noConflict( [removeAll ] )
一个布尔值,指示是否从全局范围(包括jQuery本身)中删除所有jQuery变量。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.