jQuery成功后无法更改按钮文本

Question

我试图更改按钮的文本，但我做不到。

​

$( function() {
 $('.btn').on('click', function(automated_campagin_hash) {
    var $this = $(this);
    $this.button('loading');
        
    var automated_campagin_hash = $this.data('campaign-automated-hash');
    var url = "/automated-campaigns/change_status/" + String(automated_campagin_hash);
    $.get( url , function( data ) {
          console.log(data);
        $this.button('reset');
        $this.removeClass("btn-danger").addClass("btn-info");
        $this.html('Activated');
    });
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<button type="button" class="btn btn-danger btn" id="load" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>" data-campaign-automated-hash="<%= automated_campaigns[i].automated_campaign_hash %>">Desativar</button>

​

Answer 1

您提到了您也在使用引导(虽然它没有在您的代码片段中引用)。下面是引用自Another SO question的一个可能的解决方案

它是由jquery和引导按钮插件冲突引起的。事实上，jquery代码js代码应该放在bootstrap.js之前，这解决了问题。 只需将jquery插件放在bootstrap.js之前即可。