Jquery Mobile：禁用按钮样式Wise＆Function Wise按钮直到发生事件后

Question

因此，尽可能多的人知道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”有很多样式，允许一些非常酷的灵活性。

Answer 1

如果您需要一个完全不同的视觉效果，也许创建一个虚拟链接是您的选择吗？对于如：

<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> 

在pageinit：

$('#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>