php - 如何在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 文件

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文件

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