2012-10-17 108 views
2

我使用的是jQuery simple timepicker(只是timepicker而不是datetimepicker),我無法展示它。我正在使用Modx 1.0.6進化,並通過塊將選擇器添加到選擇加入表單中。Timepicker not displayed

這裏是選擇的形式代碼:

<div><input type="text" name="basic_example_2" id="basic_example_2" value="" /></div> 

這裏是我的網頁標題,我已經修改了所有的jQuery的文件,其中應該是,也檢查了jQuery代碼與JSLint的,它說它的確定:

<head> 
<title>[(site_name)] | [*pagetitle*]</title> 
<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" /> 
<base href="[(site_url)]"></base> 
<link rel="stylesheet" href="assets/templates/landing-page/layout.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="assets/templates/landing-page/modxmenu.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="assets/templates/landing-page/form.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="assets/templates/landing-page/modx.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="assets/templates/landing-page/print.css" type="text/css" media="print" /> 
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" /> 
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.23/themes/smoothness/jquery-ui.css" /> 
<link rel="stylesheet" media="all" type="text/css" href="assets/templates/landing-page/jquery-ui-timepicker-addon.css" /> 
<script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script> 
<script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"></script> 
<script type="text/javascript" src="assets/templates/landing-page/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="assets/templates/landing-page/jquery-ui-sliderAccess.js"></script> 
<script> 
    $(function() { 
     $("#datepicker").datepicker({showAnim: 'slideDown'}); 
    }); 
</script> 
<script> 
    $('#basic_example_2').timepicker(); 
</script> 
</head> 

我已經試過這樣:

$('#basic_example_2').timepicker({}); 

這:

$(function() { 
    $('#basic_example_2').timepicker({}); 
}); 

這:

$('#basic_example_2').timepicker(); 

和公正的情況下,重要的,我不認爲它應該,但嘿的CSS已經被添加到我的layout.css中的文件:

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
.ui-timepicker-rtl{ direction: rtl; } 
.ui-timepicker-rtl dl { text-align: right; } 
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } 
+0

你的timepicker應該在document.ready中。此外,ID必須是唯一的,因此請確保您不止一次在頁面上擁有#basic_example_2。 –

+0

你是否在控制檯中發現任何錯誤? –

+0

首先感謝我在這個網站上潛伏了多年的快速反應,從未發佈.... 在控制檯中沒有錯誤我使用鉻金絲雀,它不會拋出任何東西,我試過不同的ID作爲好吧,就像他在網站上顯示的一樣,我甚至下載了他的整個網站,並且在本地工作,但是無法使用這個modx安裝程序!!!!!!!! ( )當你說它應該在document.ready中時,究竟是什麼意思 再次感謝 Chris – vimes1984

回答

0

從塊中刪除JS文件,因爲modx似乎在塊中刪除它們,並將它們直接添加到標記之間。希望這可以幫助別人。