如何替换jQueryUI按钮文本?

前端之家收集整理的这篇文章主要介绍了如何替换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

猜你在找的jQuery相关文章