it-swarm.cn

使用插件设置中的数据修改JS文件

我有一个插件,除其他外,有一个javascript文件,需要一些用户特定的设置。从插件的设置参数中将这些设置转换为javascript的最佳方法是什么?

换句话说,如果我将这些设置作为用户可以输入的设置页面的一部分,我怎样才能最好地将这些值转换为javascript?我是否必须使用某些东西来附加一些脚本标签并在每个页面加载时通过PHP设置它们?将cookie设置为更好的方法吗?

8
Ryan Elkins

更好的是,你使用WP的功能,这是多语言的一个例子:

    add_action( 'admin_enqueue_scripts', 'add_scripts' );
    function add_scripts($where) {
        wp_localize_script( 'post2media', 'post2media_strings', $this->localize_vars() );
    }
    function localize_vars() {

        $strings = array(
                'btntext'    => __( 'Link with post', INPSYDE_P2M_TEXTDOMAIN ),
                'txtallnone' => __( 'Include in gallery:', INPSYDE_P2M_TEXTDOMAIN ),
                'txtall'     => __( 'All', INPSYDE_P2M_TEXTDOMAIN ),
                'txtnone'    => __( 'None', INPSYDE_P2M_TEXTDOMAIN ),
                'ttlcb'      => __( 'Include image in this gallery', INPSYDE_P2M_TEXTDOMAIN )
            );

        return $strings;
    }

在js文件中使用它:

jQuery(function ($) {
buttonaddfunc = function() {
    btntext = post2media_strings.btntext;

    reg = /\d+/;
    $( '.savesend > .button' ) . each( function() {
        inputname = $( this ) . attr( 'name' );
        number = reg . exec( inputname );
        $( this ) . after( '<input type="submit" value="' + btntext + '" name="link[' + number + ']" class="button">' );
    } );
    $( '.describe-toggle-on' ).unbind( 'click', buttonaddfunc );
};
$( '.describe-toggle-on' ).bind( 'click', buttonaddfunc );

});

另请参阅Otto的 帖子

9
bueltge

有几种方法可以做到这一点,其中一种我以前做过,另一种我没做过,但我用过XML配置文件。

第一个是在包含JS文件的脚本标记之前将变量包含在WP页眉或页脚内的脚本标记中,例如:

<script type="text/javascript">
    var test = "<?php echo "hello world"; /* the relevant PHP code to echo the data you require */ ?>";
    var slider_type = "<?php echo "nivo"; /* same again */ ?>";
</script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/your_js_here"></script>

另一种选择是将JS包含在PHP文件中,该文件包含在脚本标记内。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascripts.php"></script>

在这个文件中你将包含你的javascript,并且PHP会解析它你可以以类似的方式包含PHP调用,只需回显你需要的数据/选项。需要注意的一点是,您可能需要将输出的标题设置为text/javascript

就个人而言,我更喜欢第一种方法,而且当我有影响javascript文件的用户可更改设置时,我会使用它。

1
nobody