如何初始化的jQuery

動態生成的輸入標籤我遇到了一個問題，那就是，我需要動態生成的輸入代碼轉變爲滑塊。下面的鏈接指向一個HTML文件，這說明我的具體問題。
this is a link which contains the html content
this link will show you the html 如何初始化的jQuery

來源

2017-06-29 Justin Huang

你能解釋一下你的問題多一點？ –

好的。我的問題是，通過jQuery動態生成輸入標籤無法轉換爲jQuery移動滑塊。點擊下面的鏈接，你會發現一個HTML文件，這將詳細告訴你我的問題。 https://github.com/linsanityHuang/my-question/blob/master/slider.html –

https://svn.veevlink.com/Custom/ManDay/slider.html –

可以使用$("input").slider();方法調用slider plugin。
您可以使用class='ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input'樣式動態生成的輸入框。希望這能解決你的問題。

$(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(); 
 
})

<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>

來源

2017-06-29 11:22:54

好，謝謝你的回答。我會馬上嘗試。 –

@JustinHuang快樂編碼，讓我知道，如果你面對的任何問題。：0 –

謝謝，我已經解決了我的問題。再次感謝。 –

試試這個：

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

來源

2017-06-29 11:21:39

是的，這是一個好主意。我會嘗試。謝謝。 –

如果你發現它有用請其標記爲答案。 –

謝謝。我選擇了另一個答案。 –

如何初始化的jQuery

回答

相關問題