日历和快速搜索的 Jquery 冲突问题

Jquery Conflict issue for Calendar and Quicksearch

本文关键字：Jquery 冲突 问题 搜索 日历      更新时间：2023-09-26

我正在使用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用于日历日期选择器，而我正在使用的以下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功能停止工作，日历日期选择器工作正常。但是当我删除以下插件时：-

<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以同时工作，但它不起作用。请帮忙。

我之前在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而不是$，并且在项目的其余部分中，您可以使用$将使用jQuery 1.11而不是1.6。

编辑：在与Rahul聊天后，我们可以检查即使在使用jQuery 1.11时，他仍然使用jQuery UI进行jQuery 1.6。我们将 UI 更新到 1.11.12，它工作正常。

相关文章：