jQuery Mobileでは、リンクがヘッダーまたはフッターのボタンにならないようにするにはどうすればよいですか？

Question

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

Answer 1

jQuery Mobile（1.3pre）の新しいバージョンでこの問題が修正されました。マニュアルから ：

「デフォルト 設定に従わないヘッダ を作成するために必要がある場合は、単にヘッダコンテナと 内のコンテナのdiv にカスタム スタイルのマークアップをラッププラグインは自動 ボタンロジックを適用しないため、 ヘッダーに内容をレイアウトするためのカスタム スタイルを書き込むことができます。

あなたがgrab the source from githubの場合は動作します。 @gleitzによって回答に基づいて

Answer 2

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

@naugtur：今私はajaxでそれをリフレッシュしています。先端に感謝します。しかし、私はまだこの問題が次のリリースで修正されることを願っています（私はすでに開発ブランチからパッケージを使用しています：D）。

@Update：https://github.com/jquery/jquery-mobile/issues/issue/714（私が誤ってチケットを閉じて-_-再びそれを再度開くことができませんでした）

Answer 3

私はHTMLでそれを行うには直接的なオプションを認識してないんだけど、私は認める - 私はdidnのそれほど多くを探しません。あなたがそれらのいずれかの方法で、所望の効果を得ることができます

：CSSクラスbuttonおよび/または

必要な他の除去

1. は、HTMLにそれらを追加しないでください - DOMの準備ができているとき、彼らにリンクを挿入しますボタンには変更されません。それは悪いJSをサポートしたブラウザでは低下するため、

第一の方法は、より良いです。

Answer 4

例：

<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> 

Answer 5

別の解決策は、データ・役割=「なし」属性を使用することです：

<div data-role="header"> 
    <a href="somewhere" data-role="none">Not a jQM button</a> 
</div>