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>

それを解決する方法は？

score 1 · Accepted Answer

最善の解決策ではないかもしれませんが、次のように、メインインデックスファイルの早い段階でいつでも 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を使用したい場合があります。

score 0 · Accepted Answer

少なくとも、これを試すことはできませんか？

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

2 に答える 2