ページ内リンクをしたく、現状下記のように設定しているのですが、
すでにサイトで読み込まれてる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件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
回答がつかないようなので・・・
ご提示の情報からだけでは何ともわかないので、当たるも八卦の推測だけになってしまいますが、想像なさっているように、jsが影響している可能性が高そうです。
>すでにサイトで読み込まれてるjsたち(多分、ページTOPに戻るのリンクです)
>が影響しているようでエラーになってしまいます。
想像するところ、どれかのjsが『ページ内リンクの形式』を利用して、クリックしたら何らかの処理をするようになっているのだと思います。
ところが、質問者様が追加なさったリンクは、その処理が想定している内容と違うので、どこかで処理がおかしくなりエラーになっているのではないでしょうか?
対処方法も推測になってしまいますが・・・
1)おそらくそのjsでは、ページ内の全てのリンクに反応するように設定されている可能性がありますので、それを限定するようにする。
・まずは、該当スクリプトがどれかを見つけ出す必要があります。
・そのうえで、クリックイベントを設定している部分を修正します。
※ 実際の修正は、セレクタの修正だけで済む可能性が高いと思います。
2)既存のjsは触らないで、やりたいことを実現する。
jsが全てのリンク要素のクリックに対して設定されていると仮定するなら、追加の要素をリンク要素ではないものにしておいて(それであれば既存のjsは動作しない)、javascriptにて追加要素をクリックした時にページ内リンクと同様の動作を実現する。
※ 実は、方法としては可能ですが、HTML本来のマークアップから離れる方向に行くので、あまり良い方法とは思えませんが。
といったところを思いつきますが、どちらの方法も多少はjavascriptの知識が必要になりそうです。
もちろん、実際に起こっていることが、ここに書いた想像とは違う可能性もありますので、上記の対処が適切かどうかもよくわからないのですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 階層別の組織図の自動作成について 1 2022/10/26 13:42
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表...
-
スマホ上で、左右スワイプで次...
-
ラジオボタンを複数選択したと...
-
jsonテキストデータの並び替え...
-
Adobe acrobat proでフォームを...
-
画面に表示したらアニメーショ...
-
2025年相性がいい人のサイトの...
-
jQueryでのレスポンシブが綺麗...
-
jsで質問です。 formをsubmitし...
-
二次元配列を使って順位をだす...
-
【JS】selectでchangeした時の...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
階層別の組織図の自動作成について
-
jQueryのアコーディオン一番目...
-
jquery.validationEngine.js 添...
-
アコーディオンメニューが他に...
-
Rails3でのクリックされたボタ...
-
絞り込み検索の後にソートを追...
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
-
アコーディオンjquery
-
jqueryの応用ができなくて困っ...
-
jqueryについてです
-
jQuery 読み込み
-
アコーディオンメニューをブラ...
-
jQeryのエラーについて(ページ...
-
【JQuery】iframeのリンク先変...
-
wordpressでcookie.jsを使う
-
jqueryのプラグインについて
-
Javascriptを使ってQRコード読...
-
jQueryで外部テキストファイル...
-
SQLのmaxで求めた値を変数に代...
-
JavascriptからPHPへのAjax通信...
おすすめ情報

