2017-02-10 118 views
0

如何在wordpess中包含jquery,jquery-ui-core和https://www.paytabs.com/theme/express_checkout/js/jquery-1.11.1.min.js。我得到一個錯誤「Uncaught TypeError:jQuery(...)。UItoTop不是一個函數」。這是一段代碼:如何在jQuery中包含jquery,jquery-ui

function magikCreta_load_jquery(){ 
     wp_enqueue_script('jquery'); 
     wp_enqueue_script('jquery-ui-core'); 
     wp_enqueue_script('jquery-ui', 'https://www.paytabs.com/theme/express_checkout/js/jquery-1.11.1.min.js', array('jquery-ui-core')); 
    } 

<?php echo '<script> 
      jQuery(document).ready(function($){ 
       Paytabs("#express_checkout").expresscheckout({ 
});</script>'; 
+0

你意識到'jquery-1.11.1.min.js'文件只是jQuery,而不是jQuery-UI?加載第二個jQuery可以加載任何以前加載的插件 – Phil

+0

此處沒有任何內容會顯示您正在加載包含缺少函數的插件腳本 – charlietfl

回答

0

好的方法是加載一個單獨的文件。

add_action('wp_enqueue_scripts', 'so13452_enqueue_scripts'); 
function so13452_enqueue_scripts() { 
    // The array('jquery', 'jquery-ui-core') will force jquery and jquery-ui-core from core to be included 
    wp_enqueue_script('name', get_stylesheet_directory_uri().'/file.js', array('jquery', 'jquery-ui-core')); 

    // Only include jquery core 
    wp_enqueue_script('jquery'); 

    // Jquery ui core 
    wp_enqueue_script('jquery-ui-core'); 

} 

您也可以在線添加:

add_action('wp_head', 'so13453_enqueue_scripts'); 
function so13453_enqueue_scripts() { 
    ?> 
     <script> 
      // 
     </script> 
    <?php 
} 
1

請通過belwo代碼,希望能幫助

add_action('wp_enqueue_scripts', 'my_enqueue_scripts'); 
function my_enqueue_scripts() 
{ 
     //the array with jquery and jquery-ui-core are dependency for your file i.e my-custom.js 
    wp_enqueue_script('my-custom-js', get_stylesheet_directory_uri().'/my-custom.js', array('jquery', 'jquery-ui-core')); 
} 

而且你的自定義代碼的地方我-custom.js

jQuery(document).ready(function($){ 
       Paytabs("#express_checkout").expresscheckout({ 
}); 
+0

是的,這會在頁腳中加載my-custom.js並且未初始化我的div –