jQuery CSS範圍

Question

我在這種情況下，我有兩個WordPress插件，其中包括jquery-ui.css和獲取加載的最後一個插件覆蓋第一個插件的CSS。我想要加載這兩個主題。我知道jQuery主題構建器支持CSS範圍，但這些插件都不利用此功能，並且編輯該插件不是合理的選項（因爲下次更新插件時會更改這些更改）。有什麼方法可以通過在我的主題中添加一些JavaScript來以編程方式實現範圍設定？

Answer 1

首先，您必須能夠通過標記其容器（或使用其他包裝）來限定至少一個插件的輸出，其中一些是class。爲使class生效，您需要下載new package build填充CSS Scope與您的class選擇器將是.class。 Theme Folder Name是您的新範圍的CSS將進入。詳情請查詢this page。

。

WordPress的

要保持整潔，清晰的WordPress下，註冊新的CSS。在你的主題內functions.php：

wp_register_style('myScopedjQueryUICss', get_stylesheet_directory_uri() . '/scopedjQueryUICssDirectory/ui.all.css'); 

最後，將這種樣式排入需要它們的位置。常見的做法是將以下行掛鉤到wp_print_styles操作。

function hookScopedCss() { 
    if (wp_style_is('myScopedjQueryUICss') || 
     wp_style_is('myScopedjQueryUICss', 'done')) 
    { return; } 
    wp_enqueue_style('myScopedjQueryUICss'); 
} 
add_action('wp_print_styles', 'hookScopedCss');