Question

我在一个页面中有一个多个jquery滑块，如果我滑动/拖动一个滑块，它会更改所有其他滑块的样式。

我想生成生成的html之类的的＆LT; div class =“slider_class”＆gt;＆lt; div id =“slider-MyNickName22222222”class =“cash-slider ui-slider ....＆gt; rater比＆lt; div class =”slider_class ui-slider ui-slider-horizontal ...

我无法在jsfiddle中实现它，因为这里的很多数组和循环都是指向主要部分http://jsfiddle.net/jenishkottaram/UD9xK/12/的链接这是代码

drawSlider: function(elementId, sliderMax, sliderVal) {

    $(".slider_class").each(function() {
        $(this).empty().slider({
            range: "max",
            min: 0,
            max: sliderMax,
            value: sliderVal,
            step: 100,
            slide: function(event, ui) {
              {

                      //some more code goes here
       }


            }
        });

    });

 //This prints the slider


                    $('#account-wrapper-holder').append('<div class="account-wrapper">' +
                        '<h6>' + aName[j] + ':' + aNum[j] + '</h6>' +
                        '<p><span id="text-tot-allocate-value' + aName[j] + aNum[j] + '">Current cash balance: $' + balanceRange[j] + '</span>' +
                        '<span>Total to allocate:<input type="text" id="tot-allocate-value' + aName[j] + aNum[j] + '" value="' + balanceRange[j] + '" onchange="s.setValue(parseInt(this.value))"/></span></p>' +
                        '<div class="slider_class"><div class="cash-slider" id="slider-' + aName[j] + aNum[j] + '"></div>' +
                        '<span class="value">0</span><span class="var-account-total-balance" style="float:right;">$0</span></div>'
                    );

                    _this.drawSlider('slider-' + aName[j] + aNum[j] + '', sumOfCurrencyBalances, balanceRange[j]);

jquery滑块在滑动/拖动时破坏了样式

0 个答案: