2012-11-22 232 views
1

我想使用Timepicker - 它的插件jquery http://trentrichardson.com/examples/timepicker/這個插件需要滑塊工作。Jquery滑塊不會工作

由於某種原因,我只是不能讓滑塊工作 - 我設法得到正常的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> 
+0

試試這個,你應該引用jQuery的,不實際的noConflict調用。 'jQuery.noConflict(); var $ j = jQuery; $ j(document).ready(function(){...});' –

+0

嘗試過 - ddnt工作感謝您嘗試 –

回答

0

由於在Timepicker website說:

您還需要包括jQuery和jQuery UI的與日期選擇器和滑塊wigits。您應該包括他們在您的頁面按以下順序

  • jQuery的
  • jQueryUI的(有日期選擇器和滑塊wigits)
  • Timepicker
+0

將它們包含在內並按順序..不起作用 –

+0

您確定嗎?在示例代碼中,您有不同的順序。 –

+0

是的,我提到它後改變它。並沒有什麼,除了如果這是問題怎麼來jquery ui - 正常的數據分析工作? –