动态创建jQueryMobile Spinbox

Question

是否可以动态创建具有此plugin的旋转框？我无法在任何地方找到任何例子。

如果不可能，有没有人对jquery移动微调器有任何其他建议？

Answer 1

该插件使用jQuery的 Widget Factory 以及jQuery Mobile的增强方法。简单来说，它是一个 controlgroup ，带有两个按钮和一个输入，因此，在pagecreate上自动初始化。

您所要做的就是动态注入标记，然后在旋转框的父div上调用.enhanceWithin()。

var spinbox = '<div class="ui-field-contain">' +
    '<label">Spinner</label>' +
    '<input type="text" data-role="spinbox" value="60" min="0" max="100" data-type="vertical" />' +
    '</div>';

$(".ui-content").append(spinbox).enhanceWithin();

  

<强> Demo