如何替换jQueryUI按钮文本？

我有一个按钮，我使用jQueryUI这样(简化)。

<button id="mybutton">Play<button>
<script>
$("#mybutton").button().toggle(
    function(){
       $(this).text('Stop');
    },function(){
       $(this).text('Start');
    },);
</script>

这个代码打破了按钮的外观，因为当它成为按钮小部件时，按钮中添加了一个新的跨度。所以我现在改变这样的按钮值

$(this).find('span').text('Stop');

这是黑客，因为我不能把该按钮作为一个黑盒子了，不得不进去。

有没有干净的方式来做到这一点？

解决方法

也许你现在可以使用jQuery UI按钮的标签选项？

$("#mybutton").button().toggle(function() {
   $(this).button('option','label','Stop');
},function() {
   $(this).button('option','Start');
});

jsbin preview here

原文地址：https://www.jb51.cc/jquery/184381.html