禁用頁面加載一個按鈕元素在jQuery Mobile的

我有什麼可能是一個簡單的問題，因此我試圖讓一個jQuery Mobile的按鈕在頁面初始化時被禁用，有以下幾點：禁用頁面加載一個按鈕元素在jQuery Mobile的

<body> 
<section id="firstpage" data-role="page-content"> 
    <header data-role="header"> 
    <h1>Working with Buttons</h1> 
    </header> 
    <div data-role="content"> 
    <p>This is a &lt;button&gt; element:</p> 
    <button id="btn1">button element</button> 
    </div> 
</section> 
<script> 
    $("#firstpage").live('pageinit', function (evt) { 
    $("#btn1").button("disable"); 
    }); 
</script> 
</body>

該頁面按預期加載所有jquery移動設備格式和行爲，但該按鈕保持啓用狀態。有任何想法嗎？我錯過了什麼非常簡單的細節？

來源

2012-04-06 Andrew

只需添加disabled=true屬性即可。 jQuery Mobile將讀取該屬性並將該小部件初始化爲禁用狀態。

這裏是一個演示：http://jsfiddle.net/CDYgD/

此外，data-role="page-content"，page-content不是一個有效的jQuery Mobile的data-role一個僞頁面元素，它應該只是page，除非你已經取得了一些類型的定製。相關文檔：http://jquerymobile.com/demos/1.1.0-rc.2/docs/api/data-attributes.html（查找Page標題）

來源

2012-04-06 20:07:13 Jasper

問候Jasper。感謝您提供如此快速的迴應。作爲數據角色的「頁面內容」而不是「頁面」導致了我的問題。 Ughghghg！另外，你在jsfiddle中的演示，這樣一個方便的工具，我將從現在開始使用它。 – Andrew 2012-04-06 20:15:19

禁用頁面加載一個按鈕元素在jQuery Mobile的

回答

相關問題