Question

我有一个由bootstrap制作的Carousel，这是运行它的脚本。

<script>
    !function ($) 
    {
        $(function()
        {
            $('#myCarousel').carousel()
        })
    }(window.jQuery)
</script>

我尝试在我获得的导航栏上添加不同的效果，这样当我点击导航时，它会向上滑动到该页面的部分。我添加了这个脚本。

<script>
    $('a').click(function()
    {
        $('html, body').animate(
        {
            scrollTop: $( $(this).attr('href') ).offset().top
        }, 500);
        return false;
    });
</script>

当我添加脚本时，旋转木马中的左右按钮停止工作。我真的不知道它是否与第二个脚本有冲突。我花了大约半个小时寻找错误，最后发现第二个脚本与轮播脚本冲突。脚本中是否有错误？我该如何解决？

Answer 1

我猜是

$('a').click(function() { /* ... */ })

与click设置的carousel()事件处理程序冲突。您可以在导航链接上添加一个类（或使用已存在的nav类），并在第二个脚本中使用更具体的选择器。

Answer 2

喔。刚想出来的。在$('a').click(function()

中添加了li

现在看起来像$('li a').click(function()

现在没有冲突：））

JAVASCRIPT - 脚本冲突？

2 个答案: