jQuery Mobile：チェックボックスを動的に追加する

私は以前のjQueryモバイルエクスペリエンスを持っていませんでしたが、今ではjavascriptで新しいチェックボックスを動的に追加しようとしています。（HTMLのhead内）jQuery Mobile：チェックボックスを動的に追加する

使用してHTMLの

jquery.mobile-1.4.5.min.css 
jquery-1.11.3.min.js 
jquery.mobile-1.4.5.min.js

一部：JAVASCRIPTの

<form> 
    <fieldset data-role="collapsible"> 
     <div id="agree" data-role="controlgroup"></div> 
     <input type="submit" value="Submit"> 
    </fieldset> 
</form>

一部：私は無地、チェックボックス、いない任意のフォーマットを取得しています

var html = '<input type="checkbox" name="checkbox-1" id="checkbox-1" /><label for="checkbox-1">I agree</label>'; 
$('#agree').html(html); 
$("input[type='checkbox']").checkboxradio("refresh");

。どうしたのですか？何か不足していますか？

出典

2017-10-15 M-K

使用しているJQueryのバージョンを知るには、JSFiddleの作業スニペットを共有してください。 –

ここにいくつかの完全な実例があります：[動的にjQuery Mobileでチェックボックス付きの製品リストを作成する]（https://stackoverflow.com/questions/41325900/dynamically-creating-productlists-with-checkboxes-in-jquerymobile-proves-difficu/41484070 ＃41484070）とここにあります：[Jquery Mobile checkbox-listはアイテムを追加したり、スクリプトのスタイルを変更するために "リフレッシュ"しません]（https://stackoverflow.com/questions/41404047/jquery-mobile-checkbox-list-アイテムを追加するときに更新しません。-41409019＃41409019） – deblocker

は、この方法を試してみてください：

$("[data-role=controlgroup]").enhanceWithin().controlgroup("refresh");

私はこれがあなたの役に立てば幸い！

出典

2017-10-16 13:55:42 jcarrera

これは機能します。おかげでjcarrera。 –

jQuery Mobile：チェックボックスを動的に追加する

答えて

関連する問題