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

Question

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

Wordpress页面代码：

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

自定义JavaScript代码：     $（＆＃34; .example7＆＃34;）。colorbox（{iframe：true，innerWidth：425，innerHeight：344}）;

Answer 1

不是每次都必须在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' );

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