13

新しい jQuery Mobile Alpha 2 を実装しようとしています。現在、data-role="header"または内のリンクはすべてdata-role="footer"ボタンになります。それを無効にする方法はありますか？

4

5 に答える 5

22

jQuery Mobile (1.3pre) の新しいバージョンでは、この問題が修正されています。マニュアルから：

「デフォルト構成に従わないヘッダーを作成する必要がある場合は、カスタム スタイルのマークアップをヘッダー コンテナー内のコンテナー div にラップするだけで、プラグインは自動ボタン ロジックを適用しないため、カスタム スタイルを記述できます。ヘッダーのコンテンツをレイアウトします。」

github からソースを取得すると動作します。

于 2011-01-25T02:19:38.920 に答える
13

もう 1 つの解決策は、data-role="none" 属性を使用することです。

<div data-role="header">
  <a href="somewhere" data-role="none">Not a jQM button</a>
</div>
于 2012-12-10T20:18:53.597 に答える
2

@gleitzによる回答に基づく例：

<div  data-theme="a" data-role="header" data-position="fixed">
      <div> <!-- new bit -->
          <a href='nextpageetc.php'>Not a button </a>
      </div> <!-- new bit -->
</div>
于 2012-09-10T13:51:12.777 に答える
0

私も気になります！リンクに追加しようとしましrel="external"たが、これはヘッダーとフッターでは無視されるようです。

@naugtur: 今は ajax でリフレッシュしています。ヒントをありがとう。しかし、次のリリースでこの問題が修正されることを願っています (待ちきれません。私はすでに開発ブランチのパッケージを使用しています :D )。

@update: https://github.com/jquery/jquery-mobile/issues/issue/714 (誤ってチケットを閉じてしまい、再度開くことができませんでした ---)

于 2010-12-22T21:08:08.353 に答える
0

私はそれを HTML で行うための直接的なオプションを認識していませんが、認めます - 私はそれをあまり検索しませんでした.

次のいずれかの方法で目的の効果を得ることができます。

  1. css クラスbuttonおよび/またはその他の必要なものを削除します
  2. それらを html に追加しないでください - DOM の準備ができたらリンクを挿入し、ボタンに変更されません。

最初の方法は、JS のサポートが不十分なブラウザーでは機能が低下するため、より優れています。

于 2010-12-22T21:19:55.473 に答える