実現したいこと
リンクが不安定な状態。エラーぜず、clickで指定のページへ移動できるようにしたい。
発生している問題・分からないこと
sliderの画像リンクをクリックしたときに、リンクでページ移動出来る時と、出来ずに画面再読み込みになってしまう時がある。
エラーメッセージ
error
1jクエリのバージョンを変える前は、ファイルにアクセスできませんでしたというエラーが出た。 2現在はありません。
該当のソースコード
こちらにコードを書きました。 https://jsfiddle.net/30v56qye/10/
html
1<div class="top_slide"> 2 <div class="slide"> 3<li> 4 <a href="bus_toppage.html" alt="slide_img"><img src="img/2357486_kankouao_1400.png" alt="Slide 1" /><div class="text-overlay">別ページへリンクします</div></a> 5 </li> 6 <li> 7 <a href="bus_toppage.html" alt="slide_img"><img src="img/1679585_1400.png" alt="Slide 2" /><div class="text-overlay">別ページへリンクします</div></a> 8 </li> 9 <li> 10 <a href="bus_toppage.html" alt="slide_img"><img src="img/1339937_1400_600.jpg" alt="Slide 3" /><div class="text-overlay">別ページへリンクします</div></a> 11 </li> 12 13上記の3画像は、bus_toppage.htmlへのリンクをする時と、しないときがあります。しないときは、画面再読み込み。 14i以下、残りの2画像は別なページへのリンクは行いません。 15将来新しページが出来た時に、リンクするかもしれません。 16 <li> 17 <a href="index.html" alt="slide_img"><img src="img/625842_1400.jpg" alt="Slide 4" /></a> 18 </li> 19 <li> 20 <a href="index.html" alt="slide_img"><img src="img/3025924_1400.jpg" alt="Slide 5" /></a> 21 </li> 22</div> 23</div> 24 25
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
jクエリのバージョンが古いことがリンクに影響している疑いを考えて、新しいバージョンにした。
z-indexを100単位で大きくした。しかし、リンク出来る時と出来ないときがあるエラーは相変わらず。
補足
特になし
![guest](/img/icon/icnUserSample.jpg)
回答3件
あなたの回答
tips
プレビュー