如何在WordPress中将php值输出到JS文件中？

时间：2016-01-18 作者：scopeak

我正在尝试使用get_theme_mod 从php加载到我的js文件的选项。我用过wp_localize_script 转换。这个tweet_id 是我需要放置$tweet 输出的值。

任何帮助都会很好！（附言：我已经在functions.php中注册了这个脚本。）

PHP FILE

<? 

$tweet = get_theme_mod( \'tweets_widget_id\' );
wp_localize_script( \'twitter\', \'tweet_id\', $tweet ); 

?>

<? wp_enqueue_script(\'twitter\'); ?>
JS FILE 

var config2 = {
    id: "tweet_id",
    domId: "tw-widget2",
    maxTweets: 3,
    enableLinks: !0,
    showUser: !1,
    showTime: !0,
    showInteraction: !1,
    lang: "en"
};
twitterFetcher.fetch(config2);

1 个回复
最合适的回答,由SO网友:jgraup 整理而成

PHP

wp_enqueue_scripts 是本地化数据的好时机。确保以脚本为目标，为对象创建名称，并传递数据数组。在这种情况下twitter_settings 将创建并保存所有数据的对象。twitter_settings.tweets_widget_id 将最终保持$tweet.

add_action( \'wp_enqueue_scripts\', function() {

    // Get the current data
    if ( empty ( $tweet = get_theme_mod( \'tweets_widget_id\' ) ) ) {
        $tweet = \'No Widget ID\';
    }

    // Localize script with data to `twitter_settings` object
    wp_localize_script( \'twitter\', \'twitter_settings\', array( \'tweets_widget_id\' => $tweet ) );

    // Enqueued script with localized data.
    wp_enqueue_script( \'twitter\' );
} );
访问twitter_settings 对象

var config2 = {
    id: "" + twitter_settings.tweets_widget_id, // based on comments
    domId: "tw-widget2",
    maxTweets: 3,
    enableLinks: !0,
    showUser: !1,
    showTime: !0,
    showInteraction: !1,
    lang: "en"
};
twitterFetcher.fetch(config2);
测试（可选）测试以确保变量通过ok。

<script>

    (function ($) {

        alert( twitter_settings.tweets_widget_id );

    })(jQuery);

</script>

标签： php   javascript   wp-localize-script   小码农  

相关推荐

如何使用unction.php更改登录URL？

我想更改我网站的登录URLhttp://example.com/wp-admin 到http://example.com/example.我不想使用插件来实现这一点，所以我可以从函数中实现这一点。php？