Question

我遇到了一个问题，就是我需要动态生成输入标签到滑块。以下链接指向 HTML 文件，该文件详细显示了我的问题 this is a link which contains the html content
this link will show you the html

Answer 1

试试这个：

$(function () {
        $input_node = $("#points").clone();
        $("#div").append($input_node);
    })

Answer 2

您可以使用$( "input" ).slider();方法拨打slider plugin。
您可以使用class='ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input'设置动态生成的输入框的样式。希望这能解决你的问题。

＆＃13;

$(function() {
  $input_node = $("<input id='a' type='number' name='points' value='0' id='points' min='0' max='5' step='0.5' class='ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input'></input>");
  $("#div").append($input_node);
  
  $("#a").slider();
})

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.js"></script>


<div data-role="main" class="ui-content" id="div">
  <input type="range" name="points" id="points" value="0" min="0" max="5" step="0.5"> 
</div>

＆＃13;

如何初始化jQuery动态生成的输入标记

2 个答案: