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

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

当我添加脚本时,轮播中的左右按钮停止工作。 我真的不知道它是否与第二个脚本有冲突。 我花了大约半小时的时间查找错误,最后才发现第二个脚本与轮播脚本冲突。 脚本中有错误吗? 我如何解决它?

===============>>#1 票数:0

我的猜测是

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

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

===============>>#2 票数:0

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

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

现在不冲突了:))

  ask by Gibs translate from so

未解决问题?本站智能推荐: