Javascript 为什么我必须删除一些JS引用才能让JQueryUI工作
我有点被难住了。我的网站使用了一个小Jquery。幻灯片,现在我还想添加日期选择器Javascript 为什么我必须删除一些JS引用才能让JQueryUI工作,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有点被难住了。我的网站使用了一个小Jquery。幻灯片,现在我还想添加日期选择器 <script src="~/Scripts/1.9.1.js"></script> <script src="~/Scripts/jquery-ui-1.10.4.js"></script> <script src="~/Scripts/jTools.js"></script> <script src="~/S
<script src="~/Scripts/1.9.1.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.js"></script>
<script src="~/Scripts/jTools.js"></script>
<script src="~/Scripts/script.js"></script> // all of my onDocumentReady scripts
我用来调用函数的代码是
<script>
$(function () {
$(".datepicker").datepicker({
dateFormat: 'dd/mm/yy'
});
});
</script>
我很高兴在网页上看到这件事,但不确定这样做是否合适
编辑
根据@WebNomad和@BillCriswell的评论,我重新下载了JQuery工具,并确保它没有与JQuery捆绑在一起。然后我重新下载了我可以使用的最新版本的JQuery(1.11.1)
这给了我
TypeError:a.browser未定义的问题,以及原始问题(jstools第427行)在控制台中运行jQuery.fn.jQuery
,查看返回的版本号。如果不是1.9.1,jTools库将包含自己版本的jQuery,而jQuery将删除jqueryui库,因为它将覆盖当前的jQuery版本,留下一个较旧版本的jQuery
您可能应该重新构建jTools(如果在包含jqueryui之后还需要它的话)以不包含jQuery。也包含jQuery库。检查是否包含jquery两次。javascript控制台中是否有错误消息?@WebNomad,我这样做了。它还增加了一个新的问题!:)如果你有时间,请看我的编辑我这样做了,请看我的编辑。感谢您提供有用的postjQuery。浏览器已在1.9中删除。您可能需要使用与jTools捆绑的版本,并找到与捆绑版本一起使用的jqueryui版本。jQueryUI似乎包含了jTools中的所有工具,因此为了保持一致性,您可能需要考虑迁移到jQueryUI。这太棒了。我使用了多个版本的JQuery,一些JQuery功能只出现在一个页面上,而其他页面上没有。。。然而,jTools出现在每个页面上,所以我猜这必须控制我使用的JQuery版本(1.7)
<script>
$(function () {
$(".datepicker").datepicker({
dateFormat: 'dd/mm/yy'
});
});
</script>
<script src="~/Scripts/1.9.1.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.js"></script>
<!--<script src="~/Scripts/jTools.js"></script> REMOVED
<script src="~/Scripts/script.js"></script> REMOVED -->
$(function () {
$("a[rel]").overlay();
document.getElementById("ringBackMorning").text = GetTomorrow() + " morning";
document.getElementById("ringBackAfternoon").text = GetTomorrow() + " afternoon";
$('#ddmenu li').hover(function () {
clearTimeout($.data(this, 'timer'));
$('ul', this).stop(true, true).slideDown(100);
}, function () {
$.data(this, 'timer', setTimeout($.proxy(function () {
$('ul', this).stop(true, true).slideUp(400);
}, this), 100));
});
// select all desired input fields and attach tooltips to them
$("#ringMeBack :input").tooltip({
// place tooltip on the right edge
position: "center right",
// a little tweaking of the position
offset: [-2, 10],
// use the built-in fadeIn/fadeOut effect
effect: "fade",
// custom opacity setting
opacity: 0.7
});
});