我遇到了一个问题,短代码只被回显而不被执行,即这是我在我的网页上实际看到的:
[ajax_filter_posts per_page="10"]
这是我的 function.php 文件 http://termbin.com/v6v5
//enqueue and localizing the Javascript.
function assets() {
wp_enqueue_script('ajax_filter_post_mdu', get_template_directory_uri() . '/js/ajax-filter-posts.js', ['jquery'], null, true);
wp_localize_script( 'ajax_filter_post_mdu', 'bobz', array(
'nonce' => wp_create_nonce( 'bobz' ),
'ajax_url' => admin_url( 'admin-ajax.php' )
));
}
add_action('wp_enqueue_scripts', 'assets', 100);
这是我在个人类别模板中调用短代码的方式-template.php http://termbin.com/8r3x
<?php echo do_shortcode('[ajax_filter_posts per_page="10"]'); ?>
据我所知,我做错了什么,可能是在排队和/或本地化方面,但我不明白哪里出了问题。此外,javascript 正确加载,因为浏览器不会提示找不到文件。
同样在我的模板 category.php 文件中,我直接调用函数,例如:
<?php $a = array('post_tag', false, false);
$pub_tag = vb_filter_posts_sc( $a );
echo $pub_tag;
?>
它确实工作正常......
我从这里 fork 了 2016 Wordpress 内置主题和 hack,我在某处有冲突吗?
我已尽我所能进行搜索,但无法解决问题。
最佳答案
您没有在定义短代码的地方发布代码。
它看起来像 add_shortcode('ajax_filter_post', ...)
。您没有说明您是在提供短代码,还是在您不负责的某个插件中。
可以看到定义了哪些简码如下:
global $shortcode_tags;
print_r($shortcode_tags);
这将(应该)给你一个包含所有定义的简码的数组。如果 ajax_filter_post
没有出现在该列表中,则您的短代码未定义。
根据此内容所在的位置,您可能对过滤器的顺序有疑问。也就是说,任何扩展此短代码的内容都可能在 wp_enqueue_scripts
已经运行之后运行。如果发生这种情况,您的 JS 代码将永远无法进入浏览器。解决方法是在每个页面上将 JS 排入队列,并且仅在短代码出现时才使用它。例如,简码可以输出这个 HTML:
<div class="my-shortcode-target"></div>
jQuery 是这样的:
jQuery(() => { (($) => {
$('.my-shortcode-target').each(() => {
var $target = $(this);
$.ajax({'url': bobz.ajax_url, 'data': { 'nonce': bobz.nonce } }).done((data) => {
// Here's where you can do stuff using what was returned from your AJAX call.
target.append($('<span>').text(data.answer));
});
});
})(jQuery); });
您的简码似乎在过滤某些东西,因此您可以用决定显示什么和不显示什么的东西替换那里的 DOM 操作。
关于php - 短代码和 javascript 包含,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41275233/