代码之家  ›  专栏  ›  技术社区  ›  M-K

jQuery mobile:动态添加复选框

  •  1
  • M-K  · 技术社区  · 7 年前

    我之前没有jQuery移动体验,现在我正尝试在javascript中动态添加新的复选框。

    使用(在html标头中)

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

    HTML的一部分:

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

    JAVASCRIPT的一部分:

    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");
    

    我得到的只是普通的复选框,没有任何格式。 怎么了?我错过什么了吗?

    1 回复  |  直到 7 年前
        1
  •  0
  •   jcarrera    7 年前

    试着这样做:

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

    我希望这对你有帮助!