javascript - 链接 HTML 中的 javascript 文件导致 slider 消失

Question

我的网页上有 2 个 slider ，但当我将所有 js 链接到 html 页面时，似乎只有一个 slider 可以工作，而另一个不会显示。我已将范围缩小到我为新 slider 导入的所有新 js 文件，使旧 slider 不显示。

旧的 slider js 链接在下面

    <!-- SlidesJS Required: Link to jQuery -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- End SlidesJS Required -->

<!-- SlidesJS Required: Link to jquery.slides.js -->
<script src="js/jquery.slides.min.js"></script>

新的 slider js 链接

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="pngFix/jquery.pngFix.js"></script>
<script type="text/javascript" src="mopSlider/mopSlider-2.4.js"></script>

<script src="js/salesSlider.js"></script>

我相信这与文件以某种方式发生冲突有关，有谁知道这里到底发生了什么。

请注意，要让旧 slider 显示每个新的 js 链接，都必须删除。

如果您需要更多代码，请询问，我可以提供。

Answer 1

jQuery.browser 自 jQuery 1.9 以来已被删除。您拥有的其中一个 slider 需要它，因此您有几个选择。

1. 看看您是否可以为两个 slider 使用 jQuery 1.8(或更低版本)。
2. > Use a jQuery.browser shim
3. 包括两个版本的 jQuery，但使用 jQuery.noConflict -- 这可能行不通，因为两个 slider 很可能都想使用 jQuery 变量。