Jquery Mobile:禁用Button Style Wise&功能明智按钮直到事件发生后

时间:2012-03-27 16:25:44

标签: jquery-mobile

因此,许多人都知道JQM mobile会对链接进行一些自动渲染,使它们像外观一样按钮。我在这里阅读了几个项目,它们已经过时了,所以我有一个特殊的问题,我正试图解决这个问题。

我有一个像这样的基本按钮。

< a href="#" id="icon-test" data-role="button" data-theme="f" data-icon="custom" class="ui-disabled">Go On

我需要在功能和功能中禁用此按钮。视觉风格。我试图在href上只使用一个简单的ui-disabled,但当然只会禁用视觉方面而不是此链接的功能方面(按钮)。在Windows Phone 7.5中运行一些测试时,这一点变得明显。

我假设我需要在我们的默认页面init事件中添加一些东西。任何帮助表示赞赏。我需要确保这是一个href类型按钮,因为data-icon =“custom”有很多样式,允许一些非常酷的灵活性。

1 个答案:

答案 0 :(得分:0)

如果你需要一个完全不同的视觉效果,或许你可以选择创建一个虚拟链接吗?例如:

<a href="#" id="icon-test" data-role="button" data-theme="f" data-icon="custom" id='real'>
    Go On 
</a>
<span id='fake'>Go On</span>

在第二页上:

$('#real').hide();
$('#fake').show();

关于特别活动:

$('#real').show();
$('#fake').hide();

否则,如果您需要相同的样式但没有功能,可以尝试通过添加onclick处理程序来禁用链接:

<a href="#" id="icon-test" data-role="button" data-theme="f" data-icon="custom" id='real' onclick="return false;">
    Go On 
</a>
相关问题