Jquery Sliders不会工作

时间:2012-11-22 14:58:41

标签: jquery jquery-ui

我正在尝试使用Timepicker - 它是jquery http://trentrichardson.com/examples/timepicker/的插件,这个插件需要滑块才能工作。

由于某些原因我无法使滑块工作 - 我设法让普通的jquery ui数据贴纸工作但无法使滑块工作。

这是我目前的代码。

<script type="text/javascript" src="/wp-content/plugins/groupon_cart/js/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="/wp-content/plugins/groupon_cart/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/wp-content/plugins/groupon_cart/js/jquery-ui-1.9.1.custom.js"></script>
<script type="text/javascript" src="/wp-content/plugins/groupon_cart/js/jquery.ui.slider.js"></script>

我查了一下地址并且工作正常。 顺便说一句,我也尝试过不包括jquery.ui.slider.js.

我在页面底部执行以下操作:

 <div id="slider"></div>

 <script>var $j = jQuery.noConflict();
$j(document).ready(function() {

    $j(function() {
        $j( "#slider" ).slider();
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

正如Timepicker website所述:

您还需要包含带有datepicker和滑块wigits的jQuery和jQuery UI。您应该按照以下顺序将包含在

  • 的jQuery
  • jQueryUI(带有datepicker和滑块wigits)
  • Timepicker