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>