サポート » 使い方全般 » jsが作動していないかもしれません。

  • 解決済 h-pine-h

    (@h-pine-h)


    http://www.kyosuke.jp/yugajs/
    このページの「現在のページをハイライト表示」という機能のjsを使いました。
    wpに組み込む前のhtmlでは作動確認済みです。
    wpに組み込んでからトップページにいるときはトップのメニューのボタンの色が変わるのですが、その他のメニューに移動すると、トップのメニューボタンと現在いるページのメニューボタンの二つハイライトされてしまいます。
    jsへのリンクは下記のように記述しています。
    <script type=”text/javascript” src=”<?php echo get_template_directory_uri(); ?>/js/yuga.js” charset=”utf-8″></script>

    リンク以外に原因として考えられることはあるでしょうか?

6件の返信を表示中 - 16 - 21件目 (全21件中)
  • それが、about以外はcurrentもつかず色も変わらないんです…。flowページです。ソースが途中ですが、以降同じです。

    <ul>
    <li id="about">
    <a href="http://hpineh0913.com/portfolio_hm/">
    <img alt="about 自己紹介" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/about.jpg">
    </a>
    </li>
    <li id="flow">
    <a href="http://hpineh0913.com/portfolio_hm/flow">
    <img alt="flow 制作の流れ" src="http://hpineh0913.com/portfolio_hm/wp-content/themes/portfolio/images/flow.jpg">
    </a>
    </li>

    ブラウザのアドレスバーの表示はどうなっていますか?

    http://...../flow/

    と、最後にスラッシュがついてませんか?

    全て最後にスラッシュついてました!<a 〜の中のアドレスの最後にも/を入れれば解決するでしょうか?

    解決しました!それぞれのページにもcurrentがついています!
    >kjmtshさん
    最後まで本当にありがとうございました。わたしがアドレスと完全一致の意味を把握していなかったのが原因だと思います。今回のことは今後生かしたいと思います。
    本当にありがとうございました。

    上で書いたコードは、yuga.js の該当部分を整理したものなので、もう削除してかまいません。yuga.js を読み込めば、同様に動作するはずです。親子についてのスイッチも機能するはずです。

    ただし、thickbox.js は完全にエラーなので、上の対策が必要だと思います。yuga.js の deprecated というのは、「古い方法なので、使わない方がいいよ」という警告なので、そのまま使っても問題ありません。セキュリティが脅かされることもありません。

    全て最後にスラッシュついてました

    こういうことが起こるので、本当は、自分で打ち込むよりも、WordPress の関数を使ってメニューを作ってもらうのがよいのですが、管理画面でも画像を使うメニューは作れます。今後、少しずつ勉強されるとよいと思います。私も勉強になりました、ありがとうごうざいました。

    /* やっと WordPress に戻ってきた */

    はい。WPは奥が深いです。色々な方法があるので、逆に習得しにくく感じています。
    今後勉強を進めたいと思います。
    ありがとうございました。

6件の返信を表示中 - 16 - 21件目 (全21件中)
  • トピック「jsが作動していないかもしれません。」には新たに返信することはできません。