对bootstrap和jquery版本感到困惑

Question

我正在尝试实现here中描述的有状态按钮，但它不起作用，所以我在jsfiddle上尝试了一下。选择jquery 1.11.0并加载bootstrap外部资源，它就可以工作了。但是如果(在jsfiddle中)我更改为jquery 2.0.2，它将停止工作；按钮状态不变。如果我继续使用jquery 2.1.0，它又可以工作了。我也在Bootply中尝试过，但它不提供jquery 1.11.0或2.1.0，所以我的代码也不能在那里工作。

<button id="getWebData" type="button" class="btn btn-primary pull-right " data-loading-text="Loading...">Get data</button>

 $("#getWebData").on('click',function() {
   var $btn = $(this).button('loading');
   // bleData.GetWebData($btn);
 })

因此，我可以将代码更改为使用jQuery2.1.0，但是它将不能与IE8一起工作(也许这并不重要)。我可以从jsfiddle中看出，它应该可以与1.11.0一起工作

Answer 1

从2.x版本开始，jQuery不再支持IE8 (来源：http://blog.jquery.com/2013/04/18/jquery-2-0-released/)。

您可以尝试使用像这样的回退：

<!--[if (!IE)|(gt IE 8)]><!-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<!--<![endif]-->

<!--[if lte IE 8]>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<![endif]-->

来源：https://gist.github.com/dwoodiwiss/5633393

Answer 2

实际上，它确实适用于Jquery 1.11.0。我忘记了允许DOM更新按钮：

        $("#getWebData").on('click',function() {
        var $btn = $(this).button('loading');
        setTimeout(function () {
             bleData.GetWebData($btn);
        }, 100);

因此，它在GetWebData()中的json调用之后重置了原始按钮，并且从未有机会显示修改后的按钮。无论如何，从我的jsfiddle来看，有状态按钮在jquery 2.0.1中不起作用