JAVASCRIPT-脚本冲突

JAVASCRIPT - script conflicts?

本文关键字:冲突 脚本 JAVASCRIPT-      更新时间:2023-09-26

我有一个由引导程序制作的旋转木马,这是运行它的脚本。

<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>

当我添加脚本时,转盘中的左右按钮停止工作。我真的不知道它是否与第二个剧本有冲突。我花了大约半个小时寻找错误,最终发现第二个脚本与旋转木马脚本冲突。脚本中有错误吗?我该如何修复它?

我的猜测是

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

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

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

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

现在没有冲突:))