如何禁用 jQuery Mobile 中的链接按钮？

我有一个 jQuery Mobile Beta 1 网站，其中包含 jQuery 1.6.1 链接按钮，如下所示：

<a id="subselection" href="#" data-role="button" data-theme="b">TEST</a>

在 document.ready 中我设置了点击事件：

$('#subselection').livequery("click", function(){
  alert('test');
});

我想禁用这个“链接按钮”，我尝试过

$('#subselection').button('disable')

该命令将按钮样式设置为已禁用，但单击事件有效。

我也尝试过

$('#subselection').prop('disabled', true);

和 $('#subselection').prop('disabled');给出 true 但它没有被禁用。

有人有一个好主意。

链接按钮示例：

• http://jsfiddle.net/gRLYQ/6/ http://jsfiddle.net/gRLYQ/6/

JS

var clicked = false;

$('#myButton').click(function() {
    if(clicked === false) {
        $(this).addClass('ui-disabled');
        clicked = true;
        alert('Button is now disabled');
    } 
});

$('#enableButton').click(function() {
    $('#myButton').removeClass('ui-disabled');
    clicked = false; 
});

HTML

<div data-role="page" id="home">
    <div data-role="content">

        <a href="#" data-role="button" id="myButton">Click button</a>
        <a href="#" data-role="button" id="enableButton">Enable button</a>

    </div>
</div>

NOTE: - http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html

按钮样式的链接具有与 true 相同的视觉选项 下面基于表单的按钮，但有一些重要的区别。 基于链接的按钮不是按钮插件的一部分，仅使用 底层的buttonMarkup插件来生成按钮样式 不支持表单按钮方法（启用、禁用、刷新）。 如果您需要禁用基于链接的按钮（或任何元素），那么 可以自己应用禁用类 ui-disabled JavaScript 也能达到同样的效果。