jquery - 动态创建的范围滑块标签不会显示所选范围

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');

现在，此代码确实生成了滑块，但不会将标签转换为显示所选范围的输入。

我尝试过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");