Bootstrap单选按钮切换问题

我正在尝试以twitter引导方式（http://twitter.github.com/bootstrap/javascript.html#buttons）的形式在单选按钮中打开一些常规按钮。

我遵循了说明，但是当我按下按钮时，控制台中出现以下错误：

未捕获的错误：无法在初始化之前调用按钮上的方法；尝试调用方法“ toggle”。

你知道是什么原因造成的吗？这些按钮已加载到页面中，仅在AJAX显示相应内容时才可见。

谢谢！

— Bogz902
source

也许倾倒的问题，但你有没有装bootstrap-button.js或bootstrap.js？

— Pierre de LESPINAY，2012年

bootstrap.js已加载。我的页面上有模式，它们在100％的时间内都能正常工作。单选按钮的工作时间约为5％。

— Bogz902

您说仅当从AJAX加载相关内容时才显示按钮吗？我不确定在隐藏状态下是否可以初始化按钮

— Pierre de LESPINAY，2012年

您可以将代码放入jsFiddle吗？

— 萨拉2012年

我遇到了同样的问题，但是下面的解决方案不适用于我。Bootstrap v3.1.0和jQueryUI v1.10.3

Answers:

212

我有同样的问题，这让我发疯了！

直到我发现我在jqueryui之前加载引导程序...

我切换了顺序，并注意到，如果我在启动bootstrap之前加载jqueryui，则不会出现这样的问题:)

— 亚历山大·保罗
source

Bootstrap具有jQuery UI的修改版本，加载jQuery UI可能会引起麻烦。

要在bootstrap.js之前加载jQuery UI，只需将<script src =“ jquery-ui.js”> </ script>放在<script src =“ bootstrap.js”> </ script>之前（如果您在requirejs下运行它，添加一个垫片：垫片：{ “自举”：{ “DEPS”：[ “的jquery-UI”， “的jquery”]} “jQuery的UI”：{ “DEPS”：[ “的jquery”]}}

— PierrickM

谢谢亚历山大，这解决了我的问题。我正在使用Meteor，因此必须删除jquery和jquery-ui，并将它们放在我的客户端文件夹中。

— Eric Leroy 2013年

我遇到了同样的问题，但是此解决方案不适用于我。Bootstrap v3.1.0和jQueryUI v1.10.3

jqueryui.com/download仅针对我需要的自定义捆绑包对我有用。

— anvd

这个问题是由于jquery-ui阻止像我这样的用户（例如，在Yii中使用CJUiAutocomplete小部件时，例如，仅移动与button对应的javascript时，在更改javascript文件调用的顺序方面遇到问题）的用户从引导程序中初始化Button定义的初始化。 js从引导文件到主要工作文件，它将正常运行。

或者，将相应的js放在一个单独的文件中，该文件在javascript文件堆栈的底部调用。

— 罗汉
source

交换Bootstrap和jQueryUI的加载顺序可以解决此问题，但随后会导致其他问题，如jQueryUI对话框上的Close X无法显示。还有另一种解决方法吗？

— 康妮·德辛科
source