Question

我有一个简单的问题，我试图在页面初始化时禁用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移动格式和行为，但按钮仍保持启用状态。有任何想法吗？我在这里错过了哪些非常简单的细节？

Answer 1

只需添加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标题）

在jQuery Mobile中禁用页面加载时的按钮元素

1 个答案: