为什么bootstrap JavaScript功能无法正常工作？

我在Joomla上使用Gantry模板！有引导集成到它。我想使用bootstrap javascript组件，比如lightbox，tabs。我添加了jQuery（没有冲突），因为mootools已经加载，然后添加了所需的代码。但是，它不能按预期工作。我建立一个测试页面：http://v2.marlownailandbeauty.co.uk/index.php?option=com_content&view=article&id=47&Itemid=127 为什么bootstrap JavaScript功能无法正常工作？

无论是标签，也不是收藏作品（仅低于YouTube的VID）。我看不到任何JS错误，只是想知道为什么它可能不工作？任何明智的想法？ :)

来源

2013-03-23 Oliver Gibson

铬+ F12之前甚至问什么是问题。大多数浏览器中都有一个调试器，您应该学会使用它。 – mpm 2013-03-23 15:15:20

谢谢，但我知道萤火虫。我发布了这个，因为在调试器中没有列出错误。 – 2013-03-23 15:37:06

你添加了bootstrap JS文件吗？几天前我面临同样的问题。无法检查，因为我现在在智能手机上。 – 2013-03-23 15:56:56

你的代码快速地看，在我看来，你加载：

jQuery的
的JQuery不冲突
Mootools的其他各种Mootools的scrripts

尽我的理解，这是推荐MooTools的和所有其他脚本加载后的jQuery（无冲突）已加载：源http://docs.jquery.com/Using_jQuery_with_Other_Libraries
即：
jQuery的
Mootools的
其他各种Mootools的scrripts
的JQuery不冲突

几种方法来快速测试这一点。您可以直接编辑模板文件并更改顺序，或者使用像jQuery Easy这样的扩展名来加载无冲突脚本。

或第三选项...你检查，如果你甚至需要Mootools的在你的模板？你可以use an extension to disable mootools看看会发生什么。如果幸运的话，您的模板仍然可以正常运行，并且您的网站加载速度会更快。如果确实需要mootools，那么很容易就能够逆转。

祝你好运！

来源

2013-03-23 16:06:39

感谢您的所有建议，我会尝试一下，看看我是如何得到:) – 2013-03-23 17:00:46

嗨 - 我试过禁用mootools，但页面内容不再加载。现在我使用jQuery容易..也引导加载在一个更好的方法，但它仍然是相同的。 noconflict文件虽然是空的。我认为它生成了noconflict代码？或者我需要进入并手动输入它们？正在Joomla！一切都从不同的文件加载，所以我不知道如何轻松地改变事物的顺序。我已经把bootstrap文件进一步移到了列表中，并带有一些小窍门。我很困惑！当然，如果有冲突，那么问题会在错误控制台中显示出来？ – 2013-03-23 17:34:18

我发现了另一个伟大的插件来管理所有的JS。它已经将所有内容都转移到了页脚并整理了它，但仍然是一样的行为。它允许更多地禁用mootools和mootools，所以我更多地禁用了mootools;不用找了。 – 2013-03-23 17:49:10

为什么bootstrap JavaScript功能无法正常工作？

回答

相关问题