从插件目录调用js文件

Question

我正在创建一个可湿性粉剂插件。在插件文件夹中，我有一个js文件夹，其中包含一个名为call.js的小js文件。该插件还有一个functions.php文件。

现在，我遇到了暴露js的问题(比如js内容在前端可见)。

在插件functions.php中，我有以下内容

function basic_script() {
    wp_register_script( 'custom-script', plugins_url( '/js/call.js', __FILE__ ));
    wp_enqueue_script( 'custom-script' );
}
add_action( 'wp_enqueue_scripts', 'basic_script');

插件文件看起来也是正确的

require plugin_dir_path( __FILE__ ) . 'js/call.js';

我在js文件中添加了以下js

(function($) {
$(document).ready(function() {
var newVal = $('#div2');
$('#div1').html( newVal );
});
})(jQuery)

我知道我在某个地方犯了错误，但找不到这个。

提前谢谢。

Answer 1

尝尝这个

$(document).ready(function() {
var newVal = $('#div2');
$('#div1').html( newVal );
});

删除函数代码

Answer 2

您已经正确地将JS文件入队。警报应该可以帮助您验证这一点。

(function($) {
    $(document).ready(function() {
        alert ('success');
    });
})(jQuery)

所需的行为到底是什么？

还要注意，这一行并不是必需的。require plugin_dir_path( __FILE__ ) . 'js/call.js';