Question

嘿，我使用jQuery Mobile和有下面的代碼：

var newLabel = '<label for="slider-1"></label>'; 
var newSlider = '<input type="range" name="slider-1" 
class="product_slider" style="display:none; margin:20px;" 
value="60" min="0" max="100" />'; 
$(newLabel).insertAfter($(this).parent()); 
$(newSlider).insertAfter($(this).parent()).slider(); 
//Tries i've made : 
// $(this).parent().trigger('create'); 
// $(this).parent().parent().trigger('create'); 
// $(this).parent().parent().trigger('refresh'); 

現在這個代碼生成滑塊，但不會將標籤成顯示所選範圍的輸入。

I'ver試過trigger('create')，嘗試刷新後創建，嘗試.page()，但沒有工作。

如何做到這一點？

Answer 1

那麼我的問題是那個小display:none;。

由於某種原因，它會影響創建輸入中的標籤。因爲我添加了它，因爲它顯示了與新的一起的常規範圍，但現在它不。此代碼工作：

var newSlider = '<label for="slider-1"></label><input type="range" name="slider-1" class="product_slider" style=" margin:20px;" value="60" min="0" max="100" />'; 
$(newSlider).insertAfter($(this).parent()); 
$(this).parent().parent().trigger("create");