如何使用Wordpress将自定义JavaScript文件排队?

如何使用Wordpress将自定义JavaScript文件排队?,javascript,php,wordpress,Javascript,Php,Wordpress,我正在尝试在模式中插入一个HTML文件。我知道我需要在Wordpress主题中的functions.php中将自定义JS文件排队。我不完全确定应该使用哪种类型的排队代码来启动脚本,以使以下脚本正常工作: Wordpress页面代码: <a class='example7' href="http://google.com">Outside Webpage (Iframe)</a> 自定义JavaScript代码: $(.example7”).colorbox({ifr

我正在尝试在模式中插入一个HTML文件。我知道我需要在Wordpress主题中的functions.php中将自定义JS文件排队。我不完全确定应该使用哪种类型的排队代码来启动脚本,以使以下脚本正常工作:

Wordpress页面代码:

<a class='example7' href="http://google.com">Outside Webpage (Iframe)</a>

自定义JavaScript代码:
$(.example7”).colorbox({iframe:true,innerWidth:425,innerHeight:344})

并非每次都需要在functions.php中将脚本排队。然后,您也可以按如下方式执行此操作:

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

您可以添加自定义JavaScript代码:
$(“.example7”).colorbox({iframe:true,innerWidth:425,innerHeight:344})
在header.php文件中。

您的意思是不知道如何将脚本排队吗?没错。在my functions.php文件中,JS的特定主题似乎是在其他地方编写的,因为该文件主要为空。在头文件中播送代码php文件似乎不起作用:-(@Marc让你写
$(“.example7”).colorbox({iframe:true,innerWidth:425,innerHeight:344})
内部
?如果是,则也不工作,然后查看控制台是否显示任何错误。抱歉,Kausha,但这不起作用…控制台中也没有该页面的错误…@Marc没问题,好的,首先检查查看源代码列出的js文件是否存在?然后检查jQuery min是否存在查看源代码中是否显示,最后但不是列表检查您在header.php中编写的代码是否显示在查看源代码中。让我知道这只是为了澄清我所做的…我担心我可能太愚蠢了,无法理解您的指示。1.将JS插入header.php,如下所示:'//启动captu的输出缓冲区在footer.php$(“.example7”).colorbox({iframe:true,innerWidth:425,innerHeight:344})中使用的内容;ob_start();do_action('wp_排队_脚本');'