![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
元々あるデモデータ(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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2023/05/23 16:28
- Excel(エクセル) Excel 数行を1組とする300組ほどあるデータの項目を揃えたいです。 3 2023/01/26 19:38
- Access(アクセス) Accessのデータ型の日付/時刻型について 1 2023/04/02 17:03
- 数学 dl と 、 Δl はどのように違いますか? 2 2022/11/30 15:48
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/01/23 09:24
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画面のどこかをクリックすると
-
SEO対策!プレスリリースは被リ...
-
「外部リンク」と「内部リンク...
-
動画の自動再生を止めたいので...
-
wix WordPress って何故わかる...
-
自転車について
-
フォームでの応募はどう書いた...
-
ファイル名に/を使うには?
-
Excelで偶数ページにのみページ...
-
画面が緑になって動画が再生さ...
-
RSSリーダーの自動巡回を拒否す...
-
FC2のホームページが更新で...
-
ウェブブラウザ画面の更新(変...
-
「戻る」を押しても戻らないweb...
-
URLを貼るとき
-
ふせん?
-
自分のページがパクられた!!
-
検索エンジンのキーワード設定...
-
自分しか見れないHP??
-
ビデオチャットにいきなり乱入...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Webサイト内に埋め込んだmp4動...
-
スマホでボタンがhoverの状態か...
-
HTMLのリンクの色をクリックす...
-
画面のどこかをクリックすると
-
サイト内投票ボタン(いいね等)...
-
excel VBA でjava のボタンを押...
-
被リンクZからメールが来ました
-
Strutsでページネーションを実...
-
WEBページのジャンプ。素早く行...
-
javascriptであれこれ
-
一回払いのみの被リンクサービ...
-
ドリームウィーバーを使ってペ...
-
被リンクを無料で増やすための...
-
ページ内リンクでアコーディオ...
-
閲覧者に「お気に入り」に追加...
-
検索結果で、トップページより...
-
リンク登録代行業者に依頼され...
-
リンククリックとリンクコピー...
-
リンク先を新しいタブで開けな...
-
iFrame内の変数を、親フレーム...
おすすめ情報