jquery - 两个 jQuery 对象冲突

Question

我遇到了这个问题，我无法在我的页面上使用两个基于 jQuery 的对象。根据放置，on 或 other 似乎无法正常工作。

目前，代码看起来是这样的：

   <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="jquery-ui-personalized-1.5.2.packed.js"></script>
    <script type="text/javascript" src="sprinkle.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script src="js/slides.min.jquery.js"></script>

    <script>
        $(function(){
            $('#slides').slides({
                preload: true,
                generateNextPrev: false
            });
        });

    </script>

我没有选择，任何想法如何让这些人一起工作？

Answer 1

你真的不应该同时使用两个jQuery版本，但如果你必须：

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script>
    $jq1 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
    $jq2 = $.noConflict(true);
</script>

现在您的1.2.6版本为$jq1，另一个为$jq2：

$jq1(function(){
        $jq1('#slides').slides({
            preload: true,
            generateNextPrev: false
        });
    });