正确地enque儿童风格和JavaScript

时间:2018-04-23 18:54:09

标签: php wordpress

我正在使用wordpress 4.9.5,我正在我的functions.php我的样式中加入以下内容:

function enqueue_parent_theme_style()
{
    if ( is_page( 'product builder' )  || is_page('shopping products')) {

        $parentStyle = 'parent-style';

        //css
        wp_enqueue_style($parentStyle, get_template_directory_uri() . '/style.css');
        wp_enqueue_style('bootstrap-4.0.0', get_stylesheet_directory_uri() . '/css/bootstrap.min.css', array($parentStyle));
        wp_enqueue_style('dataTables', '//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css', array($parentStyle) );
        wp_enqueue_style('dataTables-1.10.16', get_stylesheet_directory_uri() . '/css/dataTables.bootstrap4.min.css', array($parentStyle));

        //js
        wp_enqueue_script('font-awesome', 'https://use.fontawesome.com/releases/v5.0.10/js/all.js', NULL, '1.0', true);
        wp_enqueue_script('main-shopping-product-js', get_theme_file_uri('/js/scripts-bundled.js'), NULL, '1.0', true);

        wp_localize_script('main-shopping-product-js', 'shoppingproductData', array(
            'root_url' => get_site_url(),
            'nonce' => wp_create_nonce('wp_rest')
        ));
    }
}

add_action('wp_enqueue_scripts', 'enqueue_parent_theme_style');

如您所见,我只想在两个子页product buildershopping products上加载我的子css / javascript。我的css / javascript适用于这两个页面:

enter image description here

在我的两个子页面上,主题的css和javascript工作正常。但是,当我回到主要主题页面时,css和javascript被破坏了。

页面如下所示:

enter image description here

有什么建议我做错了吗?

更新

我的浏览器控制台显示以下内容:

enter image description here

1 个答案:

答案 0 :(得分:0)

问题出在style.css上的if ( is_page( 'product builder' ) || is_page('shopping products')) { $parentStyle = 'parent-style'; //css wp_enqueue_style($parentStyle, get_template_directory_uri() . '/style.css');

style.css

style.css文件包含构建页面布局的所有css规则(菜单部分)。退出部分将在所有页面中加载function enqueue_parent_theme_style() { $parentStyle = 'parent-style'; //css wp_enqueue_style($parentStyle, get_template_directory_uri() . '/style.css'); if (is_page('product builder') || is_page('shopping products')) { wp_enqueue_style('bootstrap-4.0.0', get_stylesheet_directory_uri() . '/css/bootstrap.min.css', array($parentStyle)); wp_enqueue_style('dataTables', '//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css', array($parentStyle)); wp_enqueue_style('dataTables-1.10.16', get_stylesheet_directory_uri() . '/css/dataTables.bootstrap4.min.css', array($parentStyle)); //js wp_enqueue_script('font-awesome', 'https://use.fontawesome.com/releases/v5.0.10/js/all.js', NULL, '1.0', true); wp_enqueue_script('main-shopping-product-js', get_theme_file_uri('/js/scripts-bundled.js'), NULL, '1.0', true); wp_localize_script('main-shopping-product-js', 'shoppingproductData', array( 'root_url' => get_site_url(), 'nonce' => wp_create_nonce('wp_rest') )); } } add_action('wp_enqueue_scripts', 'enqueue_parent_theme_style'); 文件的条件:

<activity android:name=".MainActivity" android:label="@string/app_name">


            <intent-filter>

        <action android:name="android.intent.action.SEND" />
        <action android:name="android.intent.action.SENDTO" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="sms" />
        <data android:scheme="smsto" />
        <data android:scheme="mms" />
        <data android:scheme="mmsto" />

<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />