JAVASCRIPT-脚本冲突？

Question

我有一个由引导程序制成的轮播，这是运行它的脚本。

<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() { /* ... */ })

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

Answer 2

哦。 刚刚想通了。 在$('a').click(function()添加了li

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

现在不冲突了：））