Including Javascript options

时间:2013-02-25 作者:Ben Jackson

对于Wordpress主题,我知道javascript文件(以.js结尾)必须使用wp_enqueue_script 在里面functions.php 但是,如何包含其他javascript代码?例如,假设我需要添加以下内容:

jQuery(function($){
    jQuery.supersized({
        slides:
        [
             \'http://google.com\',
             \'http://google.co.uk\'
        ]
    });
});
我该把这个放在哪里?我把它放进去了吗<script> 标题中的标记。php?

3 个回复
SO网友:Milo

使用wp_localize_script 要将数据从php传递到javascript,请执行以下操作:

wp_register_script(
    \'wpa_script\',
    get_template_directory_uri() . \'/js/script.js\',
    array(\'jquery\'),
    null,
    false
);

wp_localize_script(
    \'wpa_script\',
    \'WPAData\',
    array(
        \'slides\' => array( \'http://google.com\', \'http://google.co.uk\' )
    )
);

SO网友:Chip Bennett

只需将其放入回调中,并连接到正确的操作:

add_action( \'wp_print_scripts\', \'wpse88383_print_scripts\' );

function wpse88383_print_scripts() {
    if ( ! is_admin() ) {
        ?>
            <script type="text/javascript">
                jQuery(function($){
                    jQuery.supersized({
                        slides:
                        [
                        \'http://google.com\',
                        \'http://google.co.uk\'
                        ]
                    });
                });
            </script>
        <?php
    }
}

SO网友:cjbj

由于WP 4.5,正确的方法是使用wp_add_inline_script. 此函数用于将脚本预处理或附加到排队的脚本。例如,您可以将脚本附加到jquery 像这样:

$script = \'jQuery(function($){
  jQuery.supersized({
    slides:
    [
         "http://google.com",
         "http://google.co.uk"
    ]
  });
  });\';
wp_add_inline_script (\'jquery\', $script);

结束

相关推荐

自定义页面url插件需要非法的?id=1作为javascript

我已经创建了公文包页面,其中包含用于导航的图像滑动菜单。对于显示为打开的菜单项,javascript会得到如下指令?id=0追加到url。例如公文包/艺术品。php?id=0。但是wordpress不允许url slug包含?或=页。我现在该怎么办?我已经用这些页面设置了滑块:www.gransar。net/portfolio/www.gransar。净值/投资组合/设计我是不是觉得这很容易实现就彻底搞砸了?我正在使用以下内容:http://www.ajaxblender.com/demos/menu/i