如何在使用bootstrap的按钮加载器后更改原始按钮文本

时间:2015-11-02 18:34:14

标签: jquery twitter-bootstrap bootstrap-modal

我使用了bootstap按钮加载器 单击“保存”按钮时,我需要更改按钮文本,在此过程中,它显示加载程序图标,没有任何问题。但之后我必须更改按钮文字Save to Save&继续。 我已经尝试了很多,但值按钮文本正在重置原始staate

以下是我使用的代码。

JS:

$('#addtchSave').on('click', function () {
        var $this = $(this);
        $this.button('loading');

            var touchpointNmae = $("#tname").val();
            var touchpointDesc = $("#tdesc").val();
            $.ajax({
             url: '/Home/addpoint?tchname=' + tNmae + '&tchdesc=' tDesc,
                async: false,
                type: "POST",
                success: function (result) {
                    debugger;
                    myObject = result;
                    $this.button('reset');
                    setTimeout(function () {
                        $this.button('reset');
                    }, 2000);
                },
                error: function () {
                }

            });
            $("#addtchSave").val("Save and Continue");
       });

CSHTML:

   <button type="button" id="addtchSave" data-loading-text="Saving <i    
   class='fa fa-circle-o-notch fa-spin'></i>" class="btn btn-
   primary">Save</button>

1 个答案:

答案 0 :(得分:0)

替换

$("#addtchSave").val("Save and Continue");

 $("#addtchSave").text("Save and Continue");