jQueryUI .button() 在 Firefox 中打开 ui 对话框后保持按下状态

Question

jsfiddle 的链接:http://jsfiddle.net/6UWZQ/1

看这个live link ，如果您点击删除或编辑的任意行，点击取消后，该按钮将保持突出显示状态(仅在 Firefox 中)

我制作的按钮是这样的:

$("input[type=submit]").addClass("abtn"); 
$("tbody a").addClass("abtn");
$(".abtn").button();

我通过在提交按钮上使用 css 类为每个表单添加一个确认对话框，如下所示:

<script type="text/javascript">
        var currentFormconfirm;
        $(function () {
            $("#dialog-confirm-confirm").dialog({
            show: "drop",
            hide: "fade",
                resizable: false,
                height: 220,
                width: 400,
                modal: true,
                autoOpen: false,
                buttons: {
                    'Yes': function () {
                        $(this).dialog('close');
                        currentFormconfirm.submit();
                    },
                    'Cancel': function () {
                        $(this).dialog('close');
                    }
                }
            });
            $(".confirm").click(function () {
                currentFormconfirm = $(this).closest('form');
                $("#dialog-confirm-confirm").dialog('open');
                return false;
            });
        });

</script>
<div id="dialog-confirm-confirm" title="Confirm dialog">
    Are you sure you want to delete this foobar ?
</div>

和形式:

<form action="/awesome/foobar/Delete/7" method="post" class="fr">
                    <input type="submit" class="confirm abtn ui-button ui-widget ui-state-default ui-corner-all" value="Delete" role="button" aria-disabled="false">
                    </form>

Answer 1

也有点晚了，但是......

结合上面的建议，我能够通过将其包含在 $(document).ready 中来解决页面上所有按钮的问题

$("button, input[type='button'], input[type='submit']").button()
    .bind('mouseup', function() {
        $(this).blur();     // prevent jquery ui button from remaining in the active state
});