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

<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

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

3回复

Rails 4 jQuery与javascript冲突

我试图在Rails 4中制作应用程序。 我正在挣扎。 我正在尝试合并一个bootstrap主题,我遇到了供应商javascripts和其余代码的问题。 我认为问题可能与在我的application.js中使用jQuery然后使用以'$'符号开头的供应商.js文件有关: 我刚
2回复

查找正在运行的脚本以查找javascript之间的冲突

我有一个带有一些文本框的表格。 我正在使用bootstrap并且有一个用于表单验证的jquery插件。 我的问题是引导程序中的某些功能会阻止执行验证代码。 此验证将写入onblur事件,并且该代码与<script>标记内的表单位于同一页面中。 我想知道有没有一种方法可以在Go
1回复

使用Javascript进行脚本缓存的最佳做法

使用:C#MVC5和Jquery 我有一个筛选器屏幕,它可能使用多个不同的筛选器。 根据用户的选择,我调用服务器,然后将部分视图加载到引导模式中,如下所示: 下一步是为该过滤器页面加载必要的javascript,因为您不能在部分视图上使用脚本。 为此,我还从服务器请求脚本,如下
2回复

轮播与模板冲突

我正在尝试将此模板与自定义轮播一起使用。 我希望轮播替换默认的标头,但是当我在其中放置轮播代码时,什么也没有发生。 当我第一次尝试时,它确实出现了,但是左右箭头无法正常使用。 这是轮播: 这些脚本位于正文的底部
1回复

具有相同脚本的JavaScript或jQuery文件的不同之处在于其不同

我对jQuery或JavaScript有问题。 我使用bootstrap css框架。 在这个问题上,我有一个相同的脚本,我把它放在不同的地方。 但是该脚本根本不起作用。 您可以看到它被抢救了一下。 我怀疑使用bootstrap css框架,而且我不知道如何使页面中不同位置的所有相同脚
2回复

Twitter引导程序。 引导JavaScript正在工作,但其他脚本不会

我想知道为什么我的其他脚本不起作用,而bootstrap.js起作用。 我在这里有关于我的functions.php的代码,用于调用脚本。 其他3个脚本(custom.js,jquery.easy.min.js和jquery-1.11.0.js)在LOCALHOST中可以正常工作。
1回复

CSS Twitter Bootstrap覆盖JavaScript样式,因为它在脚本之后执行。 最后如何执行脚本?

因此,我正在将iframe发布消息发送到父页面。 iframe的内容会发送一条带有宽度和高度的POST消息,收到消息后,我会抓住这些消息来更改元素的样式。 但是,每当我这样做时,twitter引导程序都会更改element的样式(我只能假定这是一个计时问题)。 我尝试包装消息侦听器的功
1回复

Will_paginate gem与内置面板中的Bootstrap冲突

我在ruby-on-rails应用程序视图中有一个引导两个选项卡面板,其中每个选项卡显示不同的内容,并且为每个选项卡生成一个分页。 它非常适合第一个选项卡。 但是,当我在第二个选项卡上时,单击下一页会将我带回到第一个面板。 我知道问题是当我单击“下一页”按钮时,页面会刷新。 我还没有添加