元々あるデモデータ(http://css-tricks.com/downloads/)に変更を加えたいです。
デモ二番目【Grid Accordion】を参考に少しいじっているのですが、なぜだか<a>~</a>のリンクが効きません。具体的には…
オリジナルは、
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
...
</dl>
こういった作り方で、<dd>の中はテキストだけが入っている状態です。
やりたい事は、この<dd>の中に、更に
<ul>
<li><a></a></li>
</ul>
を入れて変更を加えて、最終的に<a>のURLにジャンプさせたいのですが、なぜだかこの<a>のリンクが効かなくなりました。
リンクを正常に効くようにするにはどうすればいいでしょうか?
おそらくセットになっていたinfogrid.jsの一部を変えればいいと思ったのですが、ここで詰まっています。
アドバイスよろしくお願いします。
No.1ベストアンサー
- 回答日時:
ざっとしか見ていませんが…
16行目の
// clicking image of inactive column just opens column, doesn't go to link
以下の数行にa要素をクリックした場合の処理が記してあります。
簡単に書けば、アクティブな(正確には親要素がclass="curCol"の)カラムではないリンク要素の場合はキャンセル。
アクティブならリンクを実行。 ということで各カラムのトップの画像部分のリンクタグを想定して作成されているようです。
カラムがアクティブな時とそうでない時に、画像をクリックすると動作が違うのを確認してみてください。
このため、他のリンクタグも(親要素がclass="curCol"でないので)一律にキャンセルされてしまっています。
キャンセルしているのは
e.preventDefault();
の行の部分ですので、それをコメントアウトすればリンクは効くようになりますが、もともとの機能が損なわれてしまいます。
両立させるのなら、(↑)の画像のリンクと他のリンク要素を識別できるようにして(画像リンクだけに共通のclassを与えるとか)、それ以外はキャンセルしないようにすればよろしいかと思います。
きちんと全部を読み取って回答しているわけではありませんので、見落としがあったらご容赦。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
階層別の組織図の自動作成について
-
スマホ上で、左右スワイプで次...
-
追加ボタンを押した際に ok ボ...
-
鍵盤アプリで、スマホの画面に...
-
vertical sliderをautoplayしたい
-
jsonテキストデータの並び替え...
-
jQueryで同じクラス名のものを...
-
画面遷移を行わずに同一ページ...
-
初心者です。gulpでコンパイル...
-
セレクトボックスを2つ設けて選...
-
【JS】selectでchangeした時の...
-
Q&Aの掲示板を作成していてヤフ...
-
オブジェクトから任意のプロパ...
-
フォームが空欄の時にフォーム...
-
スマフォではボタンを表示させ...
-
ローディングアニメーションの...
-
コードレビューをお願いします。
-
以前の質問だと、どの条件でも...
-
GoogleChartの組織図について
-
プルダウンから1個選んで、豆知...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WEBページのジャンプ。素早く行...
-
excel VBA でjava のボタンを押...
-
HTMLのリンクの色をクリックす...
-
画面のどこかをクリックすると
-
被リンクを無料で増やすための...
-
Webサイト内に埋め込んだmp4動...
-
ブラウザの戻るを押しても戻ら...
-
a:hoverで設定した内容をクリッ...
-
スマホでボタンがhoverの状態か...
-
Strutsでページネーションを実...
-
携帯で javascript:history.ba...
-
ページ内リンクでアコーディオ...
-
リンク先を新しいタブで開けな...
-
リロードした時にページの一番...
-
webbrowserの読込完了が反応しない
-
C++で作成したDLLを vb.net か...
-
ページ内リンククリックでアコ...
-
「外部リンク」と「内部リンク...
-
フロントページのリンクボタン...
-
外部ページからスライダー内の...
おすすめ情報