0

JqueryMobileとJqueryJplayerが互いに競合するという問題があります。私が直面している問題は、JqueryJplayerをJquerymobile Webサイトに含め、ボタンをクリックしてオーディオの再生を開始すると、ボタンのhtmlが変更され、Jquerymobileは変更されないためWebサイトのルックアンドフィールが変更されることです。 HTMLを変更するだけで、次のコードが追加されます。

<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Continue</span>
</span>

次のスクリプトを含めることで、上書きしようとするたびに：

$（this）.html（'続行'）;

それはうまくいきません。この状況で何をすべきか考えていますか？

4

2 に答える 2

1

テーマ付きのJQMをダウンロードした場合、JQMはスタイルおよびプラグインスタイルの基本要素をオーバーライドします。

構造のみのダウンロードがありますJQMcss： http ://code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.css

ここにはいくつかのオプションがあります。

1）CSSに移動し、JQMオーバーライドを実行して、ボックス化されたテーマと異なる場合は一貫したスタイルを実現します。

2）独自のJQMテーマを作成します。

3）本当にJQMフレームワークを使用する必要があるかどうかを質問します。多くの場合、私はJQMから始めますが、機能の多くをマイクロjavascript/jQueryソリューションに置き換えるだけです。JQM機能を削除して別のものに置き換えることに気付いた場合は、JQMを使用することが最善のアプローチであるかどうかを疑問視する必要があります。

于 2012-06-25T15:21:52.353 に答える
0

jQuery Mobile UI要素を更新.refresh()するには、ソース要素を変更した後にアイテムを呼び出す必要があります（フォーム要素でのみ機能し、リンクボタンでは機能しません）。

$(this).html('Continue').button('refresh');

または ボタンのテキストを変更しますjquerymobile

$（ "＃consumed .ui-btn-text"）。text（ "Mark New"）;

。

要素がボタンの場合：

$(this).closest(".ui-btn").find(".ui-btn-text").text("Continue");

リンクの場合：

$(this).find(".ui-btn-text").text("Continue");
于 2012-06-25T15:23:51.290 に答える