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

时间:2015-09-23 10:19:51

标签: javascript php wordpress

我试图在模式中插入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});

1 个答案:

答案 0 :(得分: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});