Question

我试图更改按钮的文字，但我无法执行此操作。

＆＃13;

$( 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');
    });
});
});

＆＃13;

<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>

＆＃13;

Answer 1

你提到你也在使用bootstrap（尽管你的代码片段中没有引用它）。所以这是一个可能的解决方案，引自Another SO question

这是由jquery-ui和bootstrap-button插件冲突引起的。实际上jquery-ui代码js代码应该在bootstrap.js之前，这解决了问题。
只需在bootstrap.js
之前插入jquery-ui插件

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

1 个答案: