Jquery Mobile:在事件发生之前禁用Button Style Wise & Function Wise Button

Question

很多人都知道，JQM mobile会自动渲染链接，让它们看起来像按钮一样。我在这里读了几篇文章，它们有点过时了，所以我现在有一个特别的问题要解决。

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

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

我需要禁用这两个功能和视觉风格按钮。我尝试使用一个简单的ui--在一个href上禁用，但当然这只禁用了视觉方面，而不是这个链接的功能方面(按钮)。当在windows phone7.5中运行一些测试时，这一点变得很明显。

我假设我需要在一个默认的页面初始化事件中添加一些东西。任何帮助都是非常感谢的。我需要确保这是一个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>