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

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

1 个答案: