重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

ページ内リンクをしたく、現状下記のように設定しているのですが、
すでにサイトで読み込まれてるjsたち(多分、ページTOPに戻るのリンクです)が影響しているようで、
エラーになってしまいます。

サイト自体は別の方が作っているので、どんなjsを組み込んだのかが分からず、
困っています。

どこを修正したら正常に飛ぶようになるのか、
ご教授していただきたいです。

(ページ内リンクも、2回だったらうまくリンクされるのですが、
3回目になると動かなくなってしまいます。)

HTML
ーーーーーーーーーー
リンクボタン

<p id="page-link"><a href="#toiawaseareaform"><img src="img/btn.png" alt="ボタン"></a></p>


飛ばし先
<div id="toiawaseareaform">テキストテキスト</div>


jsのエラー内容
--------------------------
jquery.min.js:2 Uncaught TypeError: p.easing[this.easing] is not a function


jsは、
jquery.min_1.10.1.jsと、jquery.min.js( jQuery v@1.8.0 jquery.com | jquery.org/license)ってのを使っているようです。

A 回答 (1件)

こんにちは


回答がつかないようなので・・・


ご提示の情報からだけでは何ともわかないので、当たるも八卦の推測だけになってしまいますが、想像なさっているように、jsが影響している可能性が高そうです。

>すでにサイトで読み込まれてるjsたち(多分、ページTOPに戻るのリンクです)
>が影響しているようでエラーになってしまいます。
想像するところ、どれかのjsが『ページ内リンクの形式』を利用して、クリックしたら何らかの処理をするようになっているのだと思います。
ところが、質問者様が追加なさったリンクは、その処理が想定している内容と違うので、どこかで処理がおかしくなりエラーになっているのではないでしょうか?


対処方法も推測になってしまいますが・・・

1)おそらくそのjsでは、ページ内の全てのリンクに反応するように設定されている可能性がありますので、それを限定するようにする。
・まずは、該当スクリプトがどれかを見つけ出す必要があります。
・そのうえで、クリックイベントを設定している部分を修正します。
※ 実際の修正は、セレクタの修正だけで済む可能性が高いと思います。

2)既存のjsは触らないで、やりたいことを実現する。
 jsが全てのリンク要素のクリックに対して設定されていると仮定するなら、追加の要素をリンク要素ではないものにしておいて(それであれば既存のjsは動作しない)、javascriptにて追加要素をクリックした時にページ内リンクと同様の動作を実現する。
※ 実は、方法としては可能ですが、HTML本来のマークアップから離れる方向に行くので、あまり良い方法とは思えませんが。

といったところを思いつきますが、どちらの方法も多少はjavascriptの知識が必要になりそうです。
もちろん、実際に起こっていることが、ここに書いた想像とは違う可能性もありますので、上記の対処が適切かどうかもよくわからないのですが。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!