Смутно о версиях 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); 
}) 

Так что я мог бы изменить свой код, чтобы использовать JQuery 2.1.0, но тогда он не будет работать с IE8 (возможно, это не имеет значения). И я вижу из jsfiddle, что он должен работать с 1.11.0

Answer 1

jQuery не поддерживает IE8 с версии 2.x (Источник: 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); 

поэтому он был сброс кнопки оригинал после JSon вызова в GetWebData(), и никогда не было шанса, чтобы отобразить измененную кнопку. Во всяком случае, он появляется из моей jsfiddle, что кнопка с сохранением состояния делает не работы с JQuery 2.0.1