jQuery 移动<a> 数据角色按钮已禁用

jquery mobile <a> data-role button disabled

本文关键字：按钮 角色 移动 jQuery 数据      更新时间：2023-09-26

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

<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> 标签并使其正常运行？

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

要禁用该按钮，请添加类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/

这很容易完成。

首先，jQuery Mobile有禁用按钮的方法，但它们不适用于标签按钮，仅适用于<<strong>input>和标签按钮。

方法

可以在此处的官方文档中找到，或者更准确地说，此处禁用了方法。

要禁用基本的标签按钮，您需要执行2个步骤，一个步骤是将其外观更改为禁用状态，另一个步骤是禁用单击和其他放置在其上的事件。

可以这样完成：

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

工作jsFiddle示例：http://jsfiddle.net/Gajotres/YFMsR/

如果您想了解更多信息，请查看我与此主题相关的博客文章。

相关文章：