如何在jQuery中編寫PHP代碼

Question

我嘗試了所有可能的方法在jquery代碼中編寫php代碼。 這是我的代碼段：

 $('body').on('click', '.add_more', function(){
     var plugin_dir = "<?php plugins_url(); ?>";
     console.log(plugin_dir);
 });

即使我嘗試如下：

$('body').on('click', '.add_more', function(){
    var plugin_dir = <?php plugins_url(); ?>;
    console.log(plugin_dir);
});

我在wordpress插件php文件中編寫此代碼。 如果這個問題重復，我深表歉意。 它殺死了我的一天。 任何想法？

Answer 1

您可以使用wp_localize_script()或wp_add_inline_script()並創建一個插件配置JS對象以在任何地方使用它，而不是那樣分配值。

PHP file

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_script(
        'script-handle',
        'your-script-uri/script.js',
        array( 'jquery' ),
        'version',
        true
    );

    wp_localize_script( 
        'script-handle',
        'pluginNameSpace',
        array(
            'url' => plugins_url()
        )   
    );
} );

JS file

$('body').on('click', '.add_more', function(){
    console.log( pluginNameSpace.url );
});

Answer 2

您只需要回顯plugins_url（）

$('body').on('click', '.add_more', function(){
     var plugin_dir = "<?php echo plugins_url(); ?>";
     console.log(plugin_dir);
 });