首先,我要求你们所有人在点击负箭头之前请完整地阅读这个问题,我在这里遇到了一个非常有线的问题,并且没有在网上找到任何类似的答案。
我正在尝试做什么:
我在安装后创建一个wordpress插件,您只需要添加一个短代码并使用短代码传递一些参数,然后它会根据您的参数数据在您的文章中显示一个滑块。
现在因为它是一个滑块,它主要是基于jQuery做的花哨的东西。现在将短代码参数传递给jquery我正在帮助wp_localize_script()
,以便我可以访问jquery脚本中的短代码参数。
问题:
当我将短代码属性值传递给本地化脚本时,我必须在wp_register_script()
块内调用wp_localize_script()
,wp_enqueue_script()
,add_shortcode()
。
因为如果我在add_shortcode()
之外创建另一个函数来将我的脚本排入wp wp_enqueue_scripts
动作,那么即使在执行短代码之前它也会被激活。因此wp_localize_script()
永远不会将短代码属性传递给jquery脚本。
add_shortcode('some_shortcode', function( $atts ) {
//extracting the shortcode attributes
$shortcode_data = shortcode_atts( array(
'arg1' => '',
'arg2' => ''
..... so on....
), $atts );
extract($shortcode_data);
// doing my programming with the shortcode
// in the end echoing some html
/*--------------------------------------*/
// Now coming the script adding part
$dir = plugin_dir_url( __FILE__ );
/* CSS */
wp_enqueue_style( 'some_style', $dir . 'assets/css/some_style.css', null, null );
/* JS */
wp_register_script ('some_script', $dir . 'assets/js/some_script.js');
wp_localize_script( 'some_script', 'someData', $shortcode_data );
wp_enqueue_script( 'some_script', true );
wp_enqueue_script( 'some_other_script', $dir . 'assets/js/some_other_script.js');
});
现在我的插件工作得很好,没有任何问题,但现在出现了大问题。如果我在一个或多个帖子中包含这个短代码超过1次,那么每次执行短代码时都会推送相同的css和js文件。
所以,最后,由于整个系统混淆了哪些数据传递给哪个js脚本,所以短代码都不能正常工作。
如果你们中的任何人可以帮助我解决这个奇怪的问题,那将会非常有帮助。我真的没有关于如何解决这个奇怪问题的线索。
答案 0 :(得分:1)
你可以创建一个不同的函数来检查帖子中是否存在短代码,并为你的滑块排队所需的javascript和css。
e.g。
// Shortcode handler
add_shortcode('some_shortcode', function( $atts ) {
$a = shortcode_atts( array(
'arg1' => '',
'arg2' => ''
), $atts );
/** I would avoid using script localization unless you need script dependancy based on generated js from
* atts data. you can just return the js script directly on your content.
*
*/
$script = '<script>(function {';
$script .= "var arg1 = {$a['arg1']},";
$script .= " arg2 = {$a['arg2']}";
$script .= '})(jQuery);</scipt>';
return script;
});
// Script Dependancy Handling
add_action( 'wp_enqueue_scripts', 'script_style_handler');
function script_style_handler() {
global $post;
//check shortcode existence in post content and enque script/style if found
if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'some_shortcode') && !is_admin() ) {
wp_enqueue_style( 'some_style', $dir . 'assets/css/some_style.css', null, null );
wp_enqueue_script( 'some_other_script', $dir . 'assets/js/some_other_script.js');
}
}