☰

js スクリプトファイル内の WordPress パス URL 質問する

tag-icon • tag-icon javascript wordpress wordpress-theming
js スクリプトファイル内の WordPress パス URL 質問する

カスタム スクリプトを追加しました:

wp_enqueue_script('functions', get_bloginfo('template_url') . '/js/functions.js', 'search', null, false);

私が持っているものを除いて、それはうまく機能しますfunctions.js:

Reset.style.background = "url('../images/searchfield_clear.png') no-repeat top left";

以前はうまく機能していましたが、パーマリンクと.htaccessに変更しました。

フォルダ階層は次のようになります。

themename/js themename/images(画像とjsフォルダはthemenameフォルダにあります)

試してみました../images - ./image - /images

通常、js ファイルが配置されている場所から 1 レベル戻る必要があります。

フルパスは使いたくありません。

WordPress が JavaScript ファイル内で正しいパスを認識できる別の方法はありますか?

今のところ、何が間違っているのか混乱しています。

ベストアンサー1

Wordpressのドキュメントによると、wp_localize_script()functions.php ファイルで、ヘッダーに Javascript オブジェクトが作成され、実行時にスクリプトで使用できるようになります。

見るコーデックス

例：

<?php wp_localize_script('mylib', 'WPURLS', array( 'siteurl' => get_option('siteurl') )); ?>

Javascript 内でこの変数にアクセスするには、次のようにします。

<script type="text/javascript">
    var url = WPURLS.siteurl;
</script>

おすすめ記事