0

JQuery を使用して 2 つのボタンを作成しています。

      mapbutton = '<a class="mapbtn" rel="external" data-role="button" href="map.html?longlat='+ coords +' ">Map</a>';
      $('.event').append(mapbutton);

      var input = '<a href="#" data-role="button" class="save_event">Save to Planner</a>';
      $('.event').append(input);

JQuery Mobile にスタイルを設定するために必要なものを追加しましたdata-role="button"が、それでも通常のリンクと同じように表示されます。

これは、JQM がスクリプトの実行前に DOM 要素のスタイルを設定するためだと推測しています。

JQMがこれらの動的に作成された要素にもスタイルを設定するように、これを変更する方法を知っている人はいますか?

4

1 に答える 1

1

を使用して、動的に作成された要素でボタン ウィジェットを呼び出して、JQM ボタン ウィジェットとして表示できます。.button()

var mapbutton = '<a class="mapbtn" rel="external" data-role="button" href="map.html?longlat=' + coords + ' ">Map</a>';

$('.event').append($(mapbutton).button());

var input = '<a href="#" data-role="button" class="save_event">Save to Planner</a>';
$('.event').append($(input).button());

デモ

ドキュメントを見る

于 2013-06-02T07:30:57.040 に答える