我有一个按钮,我使用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