Jquery Range Slider Handle css لا يعمل؟

في صفحة jsp الخاصة بي التي تحتوي على منزلقين للنطاق 2. واحد هو تصفية حسب النتيجة استناداً إلى TIME (0-24 hrs) ، آخر عامل تصفية نتيجة استناداً إلى FARE (0،1000). أنا أستخدم شريط تمرير jQuery UI. أريد مقبض منزلق مختلف/منفصل لكل منزلق. لقد غيرت المغلق ولكن مقبض المنزلق الثاني الكتابة فوق مقبض المنزلق الأول؟ كيف يمكنني تحقيق مقابض منفصلة؟ الكود هنا [كود عينة بلدي] [1]: http://jsfiddle.net/hari034/ypAdf/ </أ>. أنا أستخدم query.ui.core.js ، jquery.ui.widget.js ، jquery.ui.mouse.js ، uery.slider.js ، ملفات query-ui-custom.css.

0

1 إجابة

يمكنك تصميمها بشكل مختلف باستخدام غلاف div مختلف

أتش تي أم أل

<table>
<tr>
  <td colspan="2" nowrap="nowrap">
    <div class="timesliderwrap">
       <div id="track6" class="...">
      
     </div>
   </div>
 </td>
</tr>
 <!--Slider For Filter By Fare-->
 <tr valign="top">
    <td colspan="2">
       <div class="faresliderwrap">
          <div id="track7" class="..." style="...">
            
          </div>
       </div>
    </td>
</tr>
</table>

CSS

.timesliderwrap .ui-slider-horizontal-time .ui-state-default {background:url(images/time_indicator1.gif) no-repeat scroll 50% 50%;}

.faresliderwrap .ui-slider-horizontal-price .ui-state-default {background:url(images/price_indicator1.gif) no-repeat scroll 50% 50%;}
0
وأضاف