Javascript wp#u add#u inline#u脚本不是';不要在我的页面上添加任何内容,可以';我不明白为什么
我想将内联脚本添加到一个页面中,因此尝试在页面模板文件中添加内联脚本。但是,将代码放置在页脚调用上方或下方都不会导致在源代码中输出任何内容 我不知道这是怎么回事,有人能帮忙吗 **页面模板**Javascript wp#u add#u inline#u脚本不是';不要在我的页面上添加任何内容,可以';我不明白为什么,javascript,php,wordpress,Javascript,Php,Wordpress,我想将内联脚本添加到一个页面中,因此尝试在页面模板文件中添加内联脚本。但是,将代码放置在页脚调用上方或下方都不会导致在源代码中输出任何内容 我不知道这是怎么回事,有人能帮忙吗 **页面模板** <?php get_footer('blank'); function cardpay_demo_script() { wp_add_inline_script( 'jquery', '$(".btn-next").click(function() {
<?php
get_footer('blank');
function cardpay_demo_script() {
wp_add_inline_script(
'jquery',
'$(".btn-next").click(function() {
$(".nav-pills .active").parent().next("li").find("a").removeClass("disabled").trigger("click");
});'
);
}
add_action('wp_enqueue_scripts', 'cardpay_demo_script');
您将函数放在了错误的文件中。 函数应该放在主题的functions.php文件上,而不是任何默认模板文件或自定义模板文件上 原因是在WordPress中;动作是一个PHP函数,在整个WordPress内核的特定点执行,因为在钩子被触发后,自定义模板将被调用,所以函数永远不会实际运行,所以它不会打印任何内容 您可以使用
is_page()
或is_page_template()
来确定它是您要查找的页面还是页面模板
下面是有关操作挂钩的一些附加信息:
或者您可以使用wp\u footer钩子在页脚上打印脚本。只需将其放在主题的functions.php文件中即可
add_action('wp_footer', function (){
if( !is_page_template('My Template') ) return;
?>
<script type="text/javascript">
jQuery(".btn-next").click(function() { jQuery(".nav-pills .active").parent().next("li").find("a").removeClass("disabled").trigger("click");
});
</script>
<?php
});
add_操作('wp_footer',函数(){
如果(!is_page_template('My template'))返回;
?>
jQuery(“.btn next”)。单击(函数(){jQuery(.nav pills.active”).parent().next(“li”).find(“a”).removeClass(“禁用”)。触发器(“单击”);
});
add_action( 'wp_enqueue_scripts', function () {
if( !is_page_template('My Template') ) return;
if ( ! wp_script_is( 'jquery', 'done' ) ) {
wp_enqueue_script( 'jquery' );
}
wp_add_inline_script( 'jquery', '$(".btn-next").click(function() { $(".nav-pills .active").parent().next("li").find("a").removeClass("disabled").trigger("click");
});' );
});
add_action('wp_footer', function (){
if( !is_page_template('My Template') ) return;
?>
<script type="text/javascript">
jQuery(".btn-next").click(function() { jQuery(".nav-pills .active").parent().next("li").find("a").removeClass("disabled").trigger("click");
});
</script>
<?php
});