如何解决Slick轮播jquery冲突问题？

Question

我只在基础上尝试了Slick轮播 ，并且可以正常工作。 但是，当我与我的MVC框架集成时，就无法正常工作。 基本上，前端使用了多个JavaScript插件。 所以我相信这是由于jQuery冲突。

我放置在</body>标记之前的脚本

</script>
    <!--<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>-->(I have to comment this otherwise the another banner plugin doesnt work)
        <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"></script>
        <script type="text/javascript" src="<?php echo $data['config']['THEME_DIR']; ?>/js/slick.js"></script>
        <script type="text/javascript" src="<?php echo $data['config']['THEME_DIR']; ?>/js/script.js"></script>

CSS放在标题中，但似乎没有任何效果，但是现在这不是问题。

<link href="<?php echo $data['config']['THEME_DIR']; ?>/css/foundation/slick.css" rel="stylesheet" type="text/css" />

HTML

<section id="features" class="blue">
            <div class="content">


                <h2>Autoplay</h2>
                <div class="slider autoplay">
                    <div><h3>1</h3></div>
                    <div><h3>2</h3></div>
                    <div><h3>3</h3></div>
                    <div><h3>4</h3></div>
                    <div><h3>5</h3></div>
                    <div><h3>6</h3></div>
                </div>

            </div>
        </section

我指的是Slick Carousel不工作 ..但我不明白。

急需帮助。谢谢。

编辑我添加了http：

<script src="**http:**//code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="**http:**//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        <script src="**http:**//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"></script>
        <script type="text/javascript" src="<?php echo $data['config']['THEME_DIR']; ?>/js/slick.js"></script>
        <script type="text/javascript" src="<?php echo $data['config']['THEME_DIR']; ?>/js/script.js"></script>

现在，Slick可以使用，但横幅插件不能使用。 因为我没来

<script src="**http:**//code.jquery.com/jquery-1.11.0.min.js"></script>

谁能告诉我如何解决这一冲突？

Answer 1

var jq = jQuery.noConflict(); 是您所需要的。 您需要在Afflicted插件中替换$或jQuery。 确保不要在两个变量名中使用相同的变量名。