禁用页面加载一个按钮元素在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的

回答

相关问题