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

<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

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

2回复

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

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

Rails 4 jQuery与javascript冲突

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

Javascript-什么是好的datepicker和timepicker库?

我知道没有官方的引导时间选择器和日期选择器实现。 我在我的代码中实现timepicker和datepicker Javascript有很多困难。 我尝试了几种不同的库,尽管有些库似乎比另一些库更好,但我仍然无法正确地解决它们。 对于时间,需要它返回一个值,例如"23:58" ,对于
1回复

JavaScript-如何获取日期语言环境?

我正在尝试使日期选择器的本地化实施工作一段时间。 我首先尝试在正在处理的应用程序上执行,但没有成功。 因此,我决定创建一个小的html页面,并在我的本地httpd上使用它来尝试使其运行并将工作代码传输到我的应用程序。 我复制了所有CSS和JS文件,调整了路径并尝试实现。 该文件如下:
1回复

Datepicker javascript-无法读取属性“ valueOf”

我想使用datepicekr作为签入-签出,所以我有HTML: 我尝试使其与js一起使用: 但我得到错误: 那到底是什么意思? 我该怎么做才能解决这个问题? 我使用官方网站资源中的代码对datepicker进行引导...
2回复

连接Bootstrap,jQuery和本地JavaScript-中断jQuery

目前,我为本地“主题”缩小并连接了我的JavaScript和CSS文件。 然后,将Bootstrap,jQuery和本地JavaScript / css文件加载到网站的头部。 虽然这可行,但确实会导致8个单独的资源负载,而不是我想要完成的2个(对于JS为1,对于CSS为1)。 (目前,
1回复

javascript-使用javascript显示引导模式对话框的问题

我在Navpane.html中定义了一个<div>元素,它是一个html导航面板。 我可以使用其他HTML页面的ID来访问此div,但无法在当前框架中显示此对话框。 抛出错误。 top.window.frames [1] .document.getElementById
3回复

javascript-模态关闭Bootstrap时停止播放视频

我是使用Bootstrap Modal使用JavaScript的新手,但是我不确定在按下关闭按钮或关闭图标时如何停止youtube视频。 有人可以解释我如何停止播放视频吗? 这是我的代码: 和我的Javascript在这里: 任何帮助和建议,将不胜感激:)
1回复

Twitter Bootstrap Javascript-如何仅使用工具提示库?

我有一个没有Twitter Bootstrap的项目。 我想使用Tooltip ,所以我下载了bootstrap-tooltip.js文件,并将其放在页面中。 (还包括jQuery lib)。 这就是我试图调用工具提示的方式: 但是工具提示永远不会出现,在控制台日志中没有JS错
4回复

JavaScript-当窗口低于750px时添加一个类;

我正在使用引导程序3,并希望通过将btn-sm类添加到锚点的类列表中来使按钮下拉至btn-sm。 这是我正在尝试的。 到目前为止,它失败了。