1

我有一个可能很简单的问题，我试图让一个 jquery 移动按钮在页面初始化时被禁用，如下所示：

<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 移动格式和行为，但该按钮仍处于启用状态。有任何想法吗？我在这里缺少什么非常简单的细节？

4

1 回答 1

1

只需添加disabled=true属性。jQuery Mobile 将读取该属性并将小部件初始化为禁用。

这是一个演示：http: //jsfiddle.net/CDYgD/

此外，对于伪页面元素，data-role="page-content",page-content不是有效的 jQuery Mobile ，除非您进行了某种类型的自定义，否则它应该是有效的。相关文档：http: //jquerymobile.com/demos/1.1.0-rc.2/docs/api/data-attributes.html（查找标题）data-rolepagePage

于 2012-04-06T20:07:13.150 回答