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);
 });

如何在jquery中编写php代码

2 个答案: