Question

我正在使用Jquery插件来实现一些功能：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />

我正在使用的上述jquery用于Calendar datepicker，而我正在使用的以下jquery是快速搜索。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/quicksearch.js"></script>

当我同时使用Jquery库时，quciksearch功能停止工作，Calendar Datepicker工作正常。但是当我删除下面的插件时： -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

我尝试删除旧版本的jquery以便同时使用它们，但它无效。请帮忙。

Answer 1

之前我遇到过jQuery的一些问题（我有一个只适用于旧版jQuery的插件）。

您正在使用的UI版本可能与jQuery 1.11不兼容，请检查UI网站，现在它是1.11.12版本。现在忽略QuickSearch插件，更新UI和jQuery，然后尝试再次使DatePicker工作。

如果QuickSearch不能与jQuery 1.11一起使用，您可以尝试以下选项：

首先，您可以尝试添加jQuery Migrate插件并再次测试

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

如果上述情况不起作用，可以使用jQuery.noConflict选项。

首先你把旧版本的jQuery和调用它的插件：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/quicksearch.js"></script>

<script type="text/javascript">
    var jqQuick = jQuery.noConflict(true);
    jqQuick(document).ready(function () {
        jqQuick('input#search').quicksearch('table tbody tr');
    });
</script>

然后你调用jQuery应该在整个项目中使用。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

因此，在您执行此操作后，当您需要使用旧版本的jQuery时，您将使用jqQuick而不是$，而在项目的其余部分中，您可以使用{{1}这将使用jQuery 1.11而不是1.6。

编辑：在与Rahul聊天后，我们可以检查即使在使用jQuery 1.11时他还在使用jQuery UI for jQuery 1.6。我们将UI更新为1.11.12并且工作正常。

Calendar和Quicksearch的Jquery冲突问题

1 个答案: