javascript - 如何在javascript中路径文件？

Question

我将这段代码放在一个名为：general.js 的文件中

if($('#showcase').length) {
$.include('js/jquery.aw-showcase.js');

}

但众所周知，Wordpress 用于bloginfo('template_url')路径文件。

在前端不起作用，因为显示不正确的路径<script type="text-javascript" src="js/jquery.aw-showcase.js"></script>

如何解决？

Answer 1

也许不是最好的解决方案，但您总是可以在主索引文件的早期声明一个 JS 变量，如下所示：

<script type="text/javascript">
    var template_url = "<?php bloginfo('template_url') ?>";
</script>

现在，在您的 general.js 文件中，您可以这样引用它：

if ($('#showcase').length) {
    $.include(template_url + '/js/jquery.aw-showcase.js');
}

您通常应该避免使用全局变量，但在这种情况下它可能是唯一的解决方案。

编辑：您实际上可能想要使用wp_localize_script而不是声明全局变量。

Answer 2

至少，你能不试试这个吗？

if($('#showcase').length) {
  $.include('/wp-content/themes/yourthemename/js/jquery.aw-showcase.js');
}