Question

我是jQuery mobile的初学者。我正在开发jQuery移动应用程序。当我点击Add_details时，我需要添加动态输入一次。保存后，如果再次单击Add_details，我需要附加动态输入。这个过程就像，每次我点击按钮我想保存值。

这是我的代码：

我正在为datepicker使用JQM datebox插件。我尝试保存值时出错。 jQuery append()不接受％，/等符号。所以请任何人帮我解决问题..

 $("#add_Details").click(function () {
    $("#child_service_details").append(
        '<input type="text" class="service_dt" data-role="datebox" data-options="'{'mode'":"'datebox'","'overrideDateFormat'":"'%d/%m/%Y'","'useNewStyle'":"'true'"}'" placeholder="Date of Service">'
    ).enhanceWithin();
 });

Answer 1

你的字符串插值看起来不太好。试试这个：

$("#add_Details").click(function () {
    var $input = $('<input type="text" class="service_dt" data-role="datebox" placeholder="Date of Service" />');
    var options = "{'mode':'datebox','overrideDateFormat':'%d/%m/%Y','useNewStyle':'true'}";
    $input.attr('data-options', options); 
    $("#child_service_details").append(
        $input
    ).enhanceWithin();
});

创建此：

<input type="text" class="service_dt" data-role="datebox" placeholder="Date of Service" data-options="{'mode':'datebox','overrideDateFormat':'%d/%m/%Y','useNewStyle':'true'}">

jQuery append（）在JQM插件中出错？

1 个答案: