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 ではありません。何らかの種類のカスタマイズを行っていない限り、有効なdata-roleはずです。pageこのドキュメント: http://jquerymobile.com/demos/1.1.0-rc.2/docs/api/data-attributes.htmlPage (ヘッダーを探します)

于 2012-04-06T20:07:13.150 に答える