リンクを開くためにdivをクリック可能にする方法は？

Question

このdivをクリック可能にして別のページにリダイレクトしたいですか？

<div aria-describedby="slick-slide12" aria-hidden="true" class="slide all-slider-category-gallery slick-slide" data-slick-index="2" role="option" style="background-image: url(); width: 280px;" tabindex="-1"></div> 

Answer 1

JavaScriptを使用：

<div onclick="location.href='http://google.com/';" style="cursor: pointer;"</div> 

使用するdivクリッカブルを作るにaタグ：

#my-div { 
 
    background-color: #f00; 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 
a.fill-div { 
 
    display: block; 
 
    height: 100%; 
 
    width: 100%; 
 
    text-decoration: none; 
 
} 
 
It is possible to make a link fill the entire div which gives the appearance of making the div clickable.

<div id="my-div"> 
 
    <a href="http://google.com/" class="fill-div"></a> 
 
</div>

Answer 2

があなたのdivにこの属性を追加します。

<div onclick="window.location = 'http://www.yoururl.com'"> 

目的のリンクに変更します。