jQuery Datepicker圖標不顯示

我在WordPress中使用jQuery datepicker。 datepicker工作正常。但是，我無法獲取圖標，datepicker的文本輸入旁邊的小按鈕可以工作。我沒有一個圖標，而是有一個小小的「藥丸」，一個長方形的7px高顆粒，而不是我的偶像。如果我點擊它，它會正常運行，並打開日期選擇器。jQuery Datepicker圖標不顯示

這是我已經有了：

$('#mydatepicker').datepicker({ 

      dateFormat : 'mm/dd/yy', 
      yearRange : '2011:2011', 
      changeMonth: true, 
      changeYear: true, 
      defaultDate : new Date(2011, 8-1,1), 
      minDate : new Date(2011, 1-1,1), 
      maxDate : new Date(2011, 8-1, 25), 
      showOn: 'both', 
      buttonImage : 'images/calendar_month.png', 
      buttonText : '' 
});

calendar_month.png是日曆的16×16像素PNG。圖像是我插件主文件夾的子文件夾。

如果我刪除「buttonText：''」一行，那麼我會在「藥丸」中得到一個省略號。

有關爲什麼圖標無法正確顯示的任何想法？

謝謝。

來源

2011-09-25 Laxmidi

圖像可能未被發現;嘗試將'buttonImage'路徑改爲絕對路徑。 – stealthyninja

你的文件結構是什麼？ –

@ stealthninja，感謝您的評論。你是對的。我放在絕對路徑，它的工作。 – Laxmidi

在WordPress，可這樣生成的絕對URL：'<?php bloginfo('stylesheet_directory'); ?>/images/calendar.png'

假設你有你的模板目錄內的圖像文件夾（如果你正在構建一個以兒童爲主題，日期選擇器屬於父母，你可以改爲使用template_directory）。

您可以使用Firebug找出圖像地址當前是否錯誤以及可能顯示的其他圖像。這絕對有助於調試很多。

來源

2011-09-25 10:01:29

謝謝你的幫助。我搞砸了圖像路徑。 – Laxmidi

jQuery Datepicker圖標不顯示

回答

相關問題