javascript - 如何在 WordPress 中隐藏自定义控件？

Question

我知道如果用户从查看器导航某些页面，上下文控件会隐藏。

但是在这种情况下如何实现隐藏控件:

有一个类型选择控件，其选项数组从 1 到 6，默认值为 1。

然后下面有6个类型的Text控件。我希望这些控件(第一个除外)在加载时隐藏并根据用户从“选择”控件中选择的内容显示。

换句话说，选择控件决定用户将看到的文本 Controller 的数量。

我尝试了一些我不太擅长的 JQuery，并且 #customize-control_dadada...id 只是不服从。

我找不到有关此事的任何信息，我找到的只是有关上下文控件的信息，这些信息很有用，但似乎不是我在此事上需要的。

有什么想法吗？先感谢您。

Answer 1

我也遇到了和你一样的问题。尝试将 #customize-control 选择器包含在 document.ready 中。例如:

(function($) {
    $( function() {
        if ($('#customize-control-my-control').length) {
            // Do stuff
        }
    });
})(jQuery)

将此 javascript 放入在管理端排队的脚本中。要使脚本入队，请将其添加到您的functions.php中:

add_action( 'admin_enqueue_scripts', 'admin_enqueue_scripts');

function admin_enqueue_scripts() {
    wp_register_script( 'admin-script', get_template_directory() . '/js/admin.js', array('jquery'), '1.0.0' );
    wp_enqueue_script('admin-script');
}

上面假设脚本位于当前主题 (get_template_directory) 中。对于插件使用: WP_PLUGIN_DIR 。 '/我的插件';