jquery ui按钮：如何将单击状态外观添加到不是复选框或单选按钮的按钮？

Question

我有一个jquery ui按钮，可以在div元素上实例化。我希望实现一个按钮获取的外观，当它是一个复选框并且已经检查过。我怎么能这样做是我的情况。我试过了：

$('#my-div-button').attr('checked', true);
$('#my-div-button').button('refresh');

无济于事。谢谢。

Answer 1

您可以相当轻松地复制行为。

DIV切换按钮：

<div class="ui-button ui-state-default ui-corner-all ui-widget">button</div>

JavaScript可以在点击和悬停时切换类，以及禁用选择：

$('div.ui-state-default').click(function() {
    $(this).toggleClass('ui-state-active');
}).hover(function() {
    $(this).toggleClass('ui-state-hover');
}).disableSelection();

用于设置按钮样式的CSS：

div.ui-state-default {
    padding: 0.4em 1em;
    line-height: 1.4;
}

查看实际操作：http://jsfiddle.net/william/zGvht/3/

Answer 2

您是否尝试过$('#button').addClass('ui-state-active');