Jquery:如何插入Jquery Mobile样式输入?

时间:2014-02-03 12:33:45

标签: jquery jquery-mobile

我有一个Jquery移动页面,我想在按下按钮时插入一些输入文本,我已经完成了这个,但是,输入不是Jquery Mobile样式,它们是纯粹的html样式...如何我可以这样做吗?

我的代码:

$("#add-unidade").on("click", function() {

    alert('entrou');

    var unidadeMedida = $("#select-unidadeMedida").val();
    var factor = $("#input-factor").val();
    var codigoBarras = $("#input-codigo-barras").val();
    var peso = $("#input-peso").val();

    var td1 = "<td><input type='text' disabled value='" + unidadeMedida + "' /></td>";
    var td2 = "<td><input type='text' disabled value='" + factor + "' /></td>";
    var td3 = "<td><input type='text' disabled value='" + codigoBarras + "' /></td>";
    var td4 = "<td><input type='text' disabled value='" + peso + "' /></td>";

    $("<tr>" + td1 + td2 + td3 + td4 + "</tr>").insertBefore("#formulario-unidades");

});

1 个答案:

答案 0 :(得分:2)

动态添加input,应使用.textinput()手动增强/初始化,尽管它的类型

这适用于所有jQuery Mobile版本。

var input = $('<input type="text" placeholder="dynamic" />');
$("target_div").append(input);
$("[type=text]").textinput();
  

<强> Demo