工作我們已經使用jQuery UI的滑塊,但克隆後,我們曾面臨這些問題jQuery UI的滑塊是不是有重複
- 新克隆的滑塊滑動不!
當輸入值改變時,所有滑塊不滑動和背景沒有改變!
這裏你可以看到一個活生生的例子
HTML
<!-- HTML Code --> <script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <div id="entry" class="markup scoreSlide"> <input type="text" id="" class="scoreID" value="3" /> <div class="scoreSlider"></div> <p /> </div> <input type="button" id="btnAdd" value="add new slider">
的Javascript
$(window).load(function(){ jQuery(".scoreSlide").each(function(){ jQuery(this).find('.scoreSlider').slider({ animate: true, range: "min", value: jQuery('.scoreID').val(), min: 1, max: 10, step: 1, slide: function(event, ui) { $(this).parent().find('.scoreID').val(ui.value); } }); }); $('#btnAdd').click(function() { $(".scoreSlide:last").clone(true,true).insertBefore(this); }); });//]]>
謝謝,但如果輸入的改變仍然沒有改變滑塊值!如果有人改變,我們需要改變兩者的價值 – meno