• 解決済 doido44

    (@doido44)


    調べたけどよくわからなかったので質問させて下さい
    https://github.com/stowball/jQuery-rwdImageMaps
    イメージマップのずれを修正したくて上記のURLから、
    1、jquery.rwdImageMaps.jsをダウンロード
    2、themes/テーマ/js 内に入れる
    3、header.php内に
    <head>
    <?php wp_enqueue_script(‘jquery’); ?>
    <?php wp_enqueue_script(‘jquery.rwdImageMaps.js’, ‘/wp-content/themes/simone/js/jquery.rwdImageMaps.js’); ?>
    <script type=’text/javascript’>jQuery(document).ready(function(e) {
    jQuery(‘img[usemap]’).rwdImageMaps();
    });
    </script>
    <?php wp_head(); ?>
    </head>
    と記入したのですが、まったく作動しません。
    どこが間違っていますでしょうか?

    作用させたいhtmlは
    <img src=”xxx.png” width=”810px” hight=”552px” alt=”サンプル” usemap=”#sample” />

    <map name=”sample” > <area alt=”リンク” coords=”xxx,yyy” shape=”poly” href=”http://www.xxx&#8221; />
    </map>
    と記述されてます。
    的外れな質問だったらすみません。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • ‘/wp-content/themes/simone/js/jquery.rwdImageMaps.js’

    というパスが間違いなく通っているかは確認されましたか?

    Codexの例ですと get_template_directory_uri() を使っています。

    get_template_directory_uri() . ‘/js/jquery.rwdImageMaps.js’

    のほうが望ましいのではないかと。

    関数リファレンス/wp enqueue script – WordPress Codex 日本語版

    トピック投稿者 doido44

    (@doido44)

    返信ありがとうございます。

    パスが通っているかというのはどのように確認すればいいのでしょうか?

    トピック投稿者 doido44

    (@doido44)

    色々試したが上手くいきませんでした

    がResponsive Image Mapsというプラグインを発見し、有効化したところとりあえず問題は解決しました。

    ありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「jQuery機能しない」には新たに返信することはできません。