Question

当我点击“Click Me”按钮时，它会变为“Loading”，加载后变为“Loading Complete”。

如何更改此文本“正在加载”至“正在保存”和“正在加载完成”至“已成功保存”？

您可以从this链接

查看我想要的内容

<script type="text/javascript">  
$("#myButton").click(function(){
    $(this).button('loading').delay(1000).queue(function() {
        $(this).button('complete');
        $(this).dequeue();
    });        
});
});
</script>

<div class="bs-example">
    <button type="button" class="btn btn-info"
    id="myButton" data-complete-text="Loading Completed"
    autocomplete="off">Click Me</button>
</div>

Answer 1

在代码的底部，您有以下内容：

<button type="button" class="btn btn-info" id="myButton" data-complete-text="Loading Completed" autocomplete="off">Click Me</button>

有一个名为data-complete-text="Loading Completed"的属性在这里，您可以在加载按钮时更改文本。

加载时添加文字。添加以下属性：

data-loading-text="loading-text.."

产品如下所示：

<button type="button" class="btn btn-info" id="myButton" data-loading-text="YOUR LOADING TEXT" data-complete-text="YOUR LOADED TEXT" autocomplete="off">Click Me</button>

如何在bootstrap方法上打印自定义消息

1 个答案: