実現したいこと
リンクが不安定な状態。エラーぜず、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
試したこと・調べたこと
上記の詳細・結果
jクエリのバージョンが古いことがリンクに影響している疑いを考えて、新しいバージョンにした。
z-indexを100単位で大きくした。しかし、リンク出来る時と出来ないときがあるエラーは相変わらず。
補足
特になし
0 コメント