如何加载一些jQuery代码来在主题定制器中进行验证?

时间:2013-07-20 作者:someone

我试图加载一些jquery代码,以便在主题定制器中进行验证。我已经创建了10个复选框来显示一些信息。但我想限制用户只选择5个复选框。因此,我创建了jquery代码来执行此操作,当我将此代码放在chrome控制台中时,此代码运行良好。

jQuery(document).ready(function($){ 
$("#section id input[type=checkbox]").click(function(){
    var countchecked = $("#section id input[type=checkbox]:checked").length;

    if(countchecked >= 2) 
    {
        $(\'#section id input[type=checkbox]\').not(\':checked\').attr("disabled",true);
    }
    else
    {
        $(\'#section id input[type=checkbox]\').not(\':checked\').attr("disabled",false);
    }
});
});
我错过了什么?我需要使用哪个编解码器插入函数。php,当用户使用customize时将加载一些jquery代码。php(主题定制器)?

我想在用户尝试保存所有更改之前进行所有验证。

谢谢你的帮助。

1 个回复
SO网友:Johannes Pille

创建/js 主题目录中的子文件夹(如果尚未存在)
将脚本保存到所述文件夹中的文件中。

然后,在函数中。php:

if ( is_admin() ) {
    global $pagenow;

    if ( \'customize.php\' === $pagenow ) {
        add_action( \'admin_enqueue_scripts\', \'wpse107236_enqueue_customizer_script\' );
    }
}

function wpse107236_enqueue_customizer_script() {
    wp_enqueue_script(
        \'your-script-handle\',
        get_template_directory_uri . \'/js/your-script.js\',
        array( \'jquery\' ),
        \'1.0\',
        true
    );
}

Related Resources:

结束

相关推荐

Rollover Image jQuery help

我基本上希望有一个图像的小缩略图,当用户将鼠标放在图像上时,我希望弹出一个更大的版本。我在谷歌上找到了这个tutorial.我无法理解代码。我应该把它放在哪个文件中?jQuery(function($) { <--This is the enclosing function $(document).ready(function(){ <--This is the overall jQuery function