javascript - jquery mobile <a> 数据角色按钮已禁用

Question

我有一个用作按钮的图像。这是代码:

<a href="#frmqt" onClick="s()"><img src="images/buttons/BEGINNER.png"/></a>

我想做的是，当我单击此图像时，按钮(编码为:

<a href="#area" onClick="beginIt()" name="start" data-role="button" data-theme="l">START</a> ) 将被禁用并且无法运行。

是否可以<a>带有数据角色按钮的标签将被禁用并使用 JavaScript 运行？

如有任何帮助，我们将不胜感激。 提前致谢。

Answer 1

要禁用该按钮，请添加ui-disabled类。

引用号:http://jquerymobile.com/demos/1.0rc2/docs/buttons/buttons-types.html

旁注，如果您可以尝试避免混合内联和 jQuery 函数/处理程序。

代码:

function s() {
    $("a[name*='start']").addClass('ui-disabled');
}

function beginIt() {alert('demo');}

演示:http://jsfiddle.net/IrvinDominin/qnFnM/

编辑

要重新启用该元素，您可以使用:

$("a[name*='start']").removeClass('ui-disabled');

如果您打算使用按钮作为元素的切换开关:

$("a[name*='start']").toggleClass('ui-disabled');

演示:http://jsfiddle.net/qnFnM/1/