我有一个按钮,我在jQueryUI中使用它,类似于以下代码(简化版)。
I've got a button that I use with jQueryUI somethink like this (simplified).
<button id="mybutton">Play<button>
<script>
$("#mybutton").button().toggle(
function(){
$(this).text('Stop');
},
function(){
$(this).text('Start');
},
);
</script>
这段代码会破坏按钮的外观,因为当将其转换为按钮小部件时,会在按钮内添加一个新的 span 元素。因此,我现在像这样更改按钮的值:
$(this).find('span').text('Stop');
这种方法有些取巧,因为我不能再把按钮当作黑盒子处理,而必须深入其中。
有没有更加简洁的方法可以实现同样的功能呢?
$(this).button({label:'停止',icons:{secondary: "ui-icon-circle-close"}});
如果您还想更改其他内容,例如图标等,则此方法非常有用。 - roberthuttinger