2017-02-15 75 views
0

我正在創建我的WordPress模板。 我已經包括在functions.php中使用此代碼我的js文件JS不在WP中工作

/** 
 
* Enqueue scripts and styles. 
 
*/ 
 

 
function bs_stylesheets() { 
 

 
    wp_register_style('bootstrap-min', get_template_directory_uri() .'/css/bootstrap.min.css', array(), null, 'all'); 
 
    wp_register_style('font-awesome', get_template_directory_uri() .'/css/font-awesome.min.css', array(), null, 'all'); 
 
    wp_register_style('owl-carousel', get_template_directory_uri() .'/css/owl.carousel.min.css', array(), null, 'all'); 
 
    wp_register_style('owl-theme', get_template_directory_uri() .'/css/owl.theme.default.min.css', array(), null, 'all'); 
 
    wp_register_style('main', get_template_directory_uri() .'/css/main.css', array(), null, 'all'); 
 
    wp_register_style('business-school-style', get_stylesheet_uri(), '', null, 'all'); 
 
    wp_enqueue_style('bootstrap-min'); 
 
    wp_enqueue_style('font-awesome'); 
 
    wp_enqueue_style('owl-carousel'); 
 
    wp_enqueue_style('owl-theme'); 
 
    wp_enqueue_style('main'); 
 
    wp_enqueue_style('business-school-style'); 
 
} 
 

 
function bs_scripts() { 
 
    //Adds JQuery from Google's CDN. Code pulled from www.http://css-tricks.com/snippets/wordpress/include-jquery-in-wordpress-theme/ 
 
    if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11); 
 
    function my_jquery_enqueue() { 
 
     wp_deregister_script('jquery'); 
 
     wp_register_script('jquery', get_template_directory_uri() ."/js/jquery-2.min.js", false, null); 
 
     wp_enqueue_script('jquery'); 
 
    } 
 
    wp_register_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '', true); 
 
    wp_register_script('owljs', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'), '', true); 
 
    wp_register_script('mainjs', get_template_directory_uri() . '/js/main.js', array('jquery'), '', true); 
 
    wp_enqueue_script('bootstrapjs'); 
 
    wp_enqueue_script('owljs'); 
 
    wp_enqueue_script('mainjs'); 
 
\t if (is_singular() && comments_open() && get_option('thread_comments')) { 
 
\t \t wp_enqueue_script('comment-reply'); 
 
\t } 
 
} 
 

 
add_action('wp_enqueue_scripts', 'bs_stylesheets'); 
 
add_action('wp_enqueue_scripts' , 'bs_scripts');

之後,我可以看到,JS包括我的網頁 enter image description here

BUT THE上問題不是bootstrap js,也不是貓頭鷹js正在工作。 我可以看到它,因爲:

  1. 引導下拉切換不是在不工作

你有什麼想法如何使他們的工作努力

  • 貓頭鷹旋轉木馬? 謝謝你的時間。

  • +4

    調試101:檢查瀏覽器的控制檯和錯誤 –

    +1

    @JaromandaX你無處不在的網絡選項卡。 :-p – Rajesh

    +0

    那裏沒有錯誤。 –

    回答

    0

    我不知道這是否會幫助,但有時可能依賴於WordPress的工作。對於這一點:

    wp_register_script('bootstrapjs', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '123', true); 
    wp_register_script('owljs', get_template_directory_uri() . '/js/owl.carousel.min.js', array('jquery'), '456', true); 
    wp_register_script('mainjs', get_template_directory_uri() . '/js/main.js', array('jquery', 'bootstrapjs', 'owljs'), '789', true); 
    

    我剛纔在你main.js.添加的版本和依賴這意味着除非jquery,引導程序和貓頭鷹加載main.js不會加載。

    如果問題仍然存在,然後加載main.js中,這可能是另一種解決辦法的標題。

    謝謝

    +0

    謝謝你的腳本,穆罕默德 –

    +0

    @Nikolay_R高興,我可以幫助別人的正確途徑。 ... –

    0

    林遠沒有WordPress的專家,而只是因爲標籤是你的HTML DOM犯規的一部分neccessarily意味着它正確加載。

    如果你有FiregBug您可以按F12和雙檢是正確的網址下載。

    我試圖訪問的網址:http://bs/wp-content/themes/business-school/js/bootstrap.min.js?ver=4.7.2直接和它抱怨說,沒有所謂的「BS」域。

    也許你正在創建的腳本URL時做錯了什麼?

    +0

    Ofcourse'HTTP:// bs'不是域!它可能是本地安裝。聽說過虛擬主機? –

    +0

    本網站正在運行本地化,我的電腦上有這個bs /域名。這裏是我在嘗試訪問此網址:如果您已經安裝螢火http://prntscr.com/e8zngm –

    +0

    試(其爲一個Firefox插件),你其實可以調試你的JavaScript(把斷點,看看什麼是運行時你點擊什麼等)。 即使你找到javascript的非分鐘版本,這樣會更容易。 – taracus

    0

    嘗試增加給你的wp-config.php文件,希望它會拋出一些錯誤,給你一隻手!

    define('WP_DEBUG', true); // Debugging 
    define('SCRIPT_DEBUG', true); // JS/Script Debugging 
    
    0

    嘗試將鏈接添加到「header.php」。

    Check this

    +0

    這是不包括 –