【问题标题】:jQuery accordion with bootstrap carousel doesn't work带有引导轮播的jQuery手风琴不起作用
【发布时间】:2016-07-21 03:18:30
【问题描述】:

同一页面上的 jQuery 手风琴和引导轮播不起作用。如果一个有效,那么另一个无效。

我尝试了不同的 jQuery 版本,但找不到让它们一起工作的方法。有人知道吗?

【问题讨论】:

  • 我正在通过 javascript 动态创建手风琴 html,并且轮播是标准的(引导网站上存在的内容)。问题是,如果我在 1.9.1 和 2.2.4 之间使用 jquery 版本,那么 carousel 将同时工作,并且手风琴将停止工作。如果我使用小于 1.9.1(或大于 3.0.0)的 jquery 版本,那么手风琴会起作用,但轮播不会。两者都随着 jquery 版本的变化而独立工作,但它们不能一起工作,这就是问题所在。
  • 我在这里提到了 Accordion,但我在页面上也有标签和数据表。如果我尝试让旋转木马工作,手风琴、数据表和标签都不起作用。此外,我正在动态创建所有这些(手风琴、数据表、标签),即通过 javascript。这些数据来自数据库(ajax 调用)。所以,我什至不考虑改变所有这些逻辑。无论如何我可以让它工作吗?
  • 第 1 步:为您想要实现的目标创建一个静态 HTML 原型并使其发挥作用。第 2 步:根据您在第 1 步中所了解的内容修改您的动态代码。无论如何,在 Stack Overflow 上发布问题时,请提供代码,这样我们就不必猜测您做错了什么或什么,确切地说是行不通.最好还是提供一个MCVE
  • 由于我们看不到您使用的代码,因此无法判断问题所在,但您可以考虑只使用已经存在的 bootstraps 手风琴,您不需要额外的代码检查退出以下链接并滚动到底部以查看引导程序的手风琴w3schools.com/bootstrap/bootstrap_collapse.asp
  • 谢谢乔恩!我试图用静态内容做一个 jsfiddle,它似乎在 jsfiddle 中工作,即我可以看到引导轮播与 jquery 手风琴一起工作。我正在研究我的脚本如何与其他 .js 冲突

标签: jquery twitter-bootstrap carousel accordion


【解决方案1】:

我猜他们有一些共同的名字。尝试使用 jquery 的noConflict 重置$ 的使用。

【讨论】:

  • 我做了,但没有解决任何问题。我尝试使用不同版本的 jquery 来实现 noConflict(一个可以让 carousel 工作,一个可以让手风琴工作),但什么也没有。 :(
【解决方案2】:

问题不在于旋转木马或手风琴。这是单选按钮单击事件不起作用。解决方法在:click event not firing within a bootstrap radio button group

感谢大家的宝贵时间。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-08-17
    • 1970-01-01
    • 2014-11-11
    • 1970-01-01
    • 2019-02-13
    • 1970-01-01
    • 2013-03-16
    • 1970-01-01
    相关资源
    最近更新 更多