如何使用Wordpress将自定义JavaScript文件排队?
我正在尝试在模式中插入一个HTML文件。我知道我需要在Wordpress主题中的functions.php中将自定义JS文件排队。我不完全确定应该使用哪种类型的排队代码来启动脚本,以使以下脚本正常工作: Wordpress页面代码:如何使用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
<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_排队_脚本');'