問題タブ [jquery-mobile-button]

私はJqueryとjquery mobileが初めてです。ウィンドウサイズに反応するようにボタンのサイズを変更しています。具体的には、小さなウィンドウのテキストを削除するために、 iconpos="left" から iconpos="notext" に変更しています。次の機能を見つけました。これは私にとってはうまくいきます。

ただし、ウィンドウのサイズ変更でのみ機能します。明らかに、サイズ変更だけでなく、ページロード時に正しいサイズを表示することも望んでいます。以下のコードを見つけましたが、両方を 1 つのより簡潔なコードにまとめる方法がわかりません。

デフォルトのテーマではなく、jquery モバイル カスタム テーマの使用を開始しました。多くの問題...しかし、現在の問題は、動的に作成されたボタンが期待どおりに機能しないことです。

$("#container").append(...) を介して注入している動的なhtmlがあります

動的なので、私はする必要があります

$("*[data-role='button']").button();

初期化します。

ボタンはボタンのように見えますが、アンカーは依然としてハイパーリンクのように見え、クリック イベントは、ボタン自体の他の領域ではなく、ボタン内のハイパーリンクをクリックしたときにのみ発生します。

何か案は？

アップデート：

アンカーの代わりにdivを使用すると

現在は正しく表示されていますが、ボタンの表面全体のクリックにはまだ反応しません...テキストの周りのみ（+わずかな余白）

最近、プロジェクトを jQuery モバイル 1.0 から 1.4.2 にアップグレードしました。私の古いコードでは、独自のカスタム クラスを持つボタンがありました。

<button class="set-date" data-theme="a" data-icon="arrow-r">Set Date</button>

最新の jQuery モバイルにアップグレードした後、これは機能しませんでした。コードを次のように変更しました。

このボタンの JavaScript は次のとおりです。

ただし、これにより、ボタンが別のボタン内に作成されます。要素を調べると、ボタンの周りにラッパー div が表示されました。

このラッパー div を削除する方法を教えてもらえますか?

現在 jQuery Mobile 1.3.2 を使用しているサイトがあります。3 つの小さな水平方向に配置されたボタンを作成するため<input>にスタイル設定された3 つのボタンがあります。<input type="submit" id="1" value="1" data-mini="true" data-inline="true" />

私はjQM 1.4.2にアップグレードしようとしていますが、ドキュメントに従ってデータ属性の使用から変更しましたが、代わりにクラスを次のように設定しました<input type="submit" id="1" value="1" class="ui-btn ui-btn-inline">。「1 2 3」のように 3 つのボタンを一列に並べる代わりに、次のようにコンテナの幅全体を占める 3 つのボタンを垂直に配置しています。

" 1 "
" 2 "
" 3 "

1.4.2 を使用して jQM 1.3.2 で行ったことを再現する方法はありますか?

<button>jQuery Mobile 1.4.2 には、その 周り<div>に追加のコンテナーが表示されています。jQM 1.3.2 ではこの問題はありませんでした。

これは私が使用しているコードです（問題は jsFiddle に表示されないことに注意してください）：

そして、これは jQM によって挿入された余分な div を示すフィドルです: Demo With Extra Div

余分なdivを取り除くにはどうすればよいですか?

jQueryモバイルベースのアプリ用にiOSスタイルの戻るボタンを作成しようとしています。これが私が試したものです..

HTML

CSS

私が達成できなかったことは

• 文字色を白にする
• 左側から三角形のボタンを作る

このような

ここにフィドルがありますhttp://jsfiddle.net/A6u9n/