2015-04-21 54 views
2

我不知道爲什麼,但是當我顯示我的Wordpress頁面的源代碼時,在每個腳本之前有<script src="ROOT/jquery">wordpress加載jquery太多次

<head>標籤之間加載一次就足夠了。這導致另一個腳本無法按預期工作。我讀了一個名爲wp_enqueue的函數,但我不明白它是如何工作的。

這裏是腳本這是行不通的:

<script> 
    $(document).ready(function(){ 
//Datepicker Popups calender to Choose date 
$(function(){ 
    $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      showButtonPanel: true, 
      yearRange: '1900:2050', 
      dateFormat: "dd/mm/yy" 


    //Pass the user selected date format 
    }); 
    }); 
}); 
</script> 

有人能幫助我嗎?

感謝,
丹尼爾

+0

什麼插件你已經安裝了? –

+0

聯繫表7 \t \t \t \t \t \t聯繫表格7個模塊:隱藏字段\t \t \t \t聯繫表格7個模塊:發送所有字段\t \t \t \t谷歌通用Analytics(分析)\t \t \t \t LayerSlider WP \t \t \t \t MailChimp爲WordPress精簡版\t \t \t \t \t \t真正簡單的CAPTCHA \t \t \t \t WordPress的搜索引擎\t \t \t \t \t \t WPBakery可視化編輯器(修改版) –

+0

此問題很可能由您安裝的不太受歡迎的插件之一引起。當插件作者嘗試不當地加載jQuery時,它可能會添加冗餘腳本。這就是['wp_enqueue_script'](https://codex.wordpress.org/Function_Reference/wp_enqueue_script)的要點。嘗試逐個禁用每個插件,直到問題解決,看看誰負責。 –

回答

1

修訂:請在WordPress jQuery noConflict Wrappers

<script> 
jQuery(document).ready(function($) { 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     yearRange: '1900:2050', 
     dateFormat: "dd/mm/yy" 
    }); 
}); 
</script> 

我測試這對一個WordPress安裝在本地,並且沒有更多的錯誤

更新#2:現在這是一個CSS錯誤。

this workaround,設置的z-index爲每個日期選擇元素應該做的伎倆:

<input id="datepicker" style="position:relative;z-index:200;width:250px;" readonly="readonly" type="text" maxlength="20" name="Date of Birth" placeholder="dd/MM/yyyy" class="hasDatepicker"> 
+0

其實它仍然沒有工作......在這裏的網頁鏈接,也許我正在做一些錯誤.. http://www.getyourvisa.com.au/pippo/ –

+0

你需要排隊在WordPress的jQuery UI。我會更新我的答案 –

+0

錯誤等待,沒關係。一秒 –

0

wp_enqueue讓你更腳本和CSS從功能上或類似插件的任何其他動作頁添加到您的網站。 你必須已經包括jquery。 WordPress的默認包括jQuery,所以你不需要包括你自己。檢查你是否將它包含在你的主題中並刪除它。

不能使用$()與WordPress的jQuery的,你需要使用jQuery()或:

(function($) { 
    $() // using $() here should now work. 
})(jQuery); 
+0

抱歉,我對JavaScript沒有任何瞭解...我只需要將一個數據添加到由javascriptfrom生成的表單CRM ZOHO。不幸的是,還有其他幾個腳本和datapicker沒有在那裏工作,但在本地完美工作。這裏是我使用的代碼:

+0

檢查瀏覽器控制檯是否有錯誤,並將它們發佈在這裏 –

+0

在使用@drew Hammond提供的代碼後,控制檯中沒有更多錯誤。但在Dreamweaver中,如果我放入整個代碼,則會出現此錯誤: 某些Jquery窗口小部件沒有定義相應的HTML標記。 –