jquery mobile <a> data-role button disabled</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>）将被禁用且无效。

是否可以使用javascript禁用带有数据角色按钮的<a>标记并使其正常运行？

任何帮助将不胜感激。 提前谢谢。

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/

Answer 2

可以轻松完成。

首先，jQuery Mobile有方法可以禁用按钮，但它们不适用于＆lt; a＆gt; 标记按钮，仅适用于＆lt; input＆gt; 和＆lt; button＆gt; 标记按钮。

方法可以在官方文档 here 中找到，或者更准确地说是方法 disable 。

要停用基本＆lt; a＆gt; 标记按钮，您需要执行2个步骤，其中一步是将其更改为禁用状态，另一步是禁用单击和其他事件。

可以这样做：

$('.button-example').prop('disabled', true).addClass('ui-disabled');

使用 jsFiddle 示例：http://jsfiddle.net/Gajotres/YFMsR/

如果您想了解更多内容，请查看与此主题相关的博客 article 。