0

次のようなdivがあります。

        <div class="slide_items">
            <div class="slide_item"><a href="/url"><img src="image"/></a></div>
            <div class="slide_title"><a href="/url">title</a></div>
        </div>

私がやりたいのは、slide_itemsdiv の各項目に URL を含める代わりにです。ユーザーにクリックしてもらいたい<div class="slide_items">。slide_itemsすべての内部 div に href を配置するのではなく、div 自体としてクリック可能にしたい。

これどうやってするの？

4

6 に答える 6

2

適切な方法は、単一のリンクを使用することです（ただし、有効性のために内部要素をに変更しspanます）

    <a href="/url" class="slide_items">
        <span class="slide_item"><img src="image"/></span>
        <span class="slide_title">title</span>
    </a>

blockそして、それらがcssの要素として扱われることを確認してください

a.slide_items, a.slide_items span{
    display:block;
}

divの方法を使用する必要がある場合は、使用します

<div class="slide_items" data-href="/url">
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>

スクリプトを追加します（jquery を使用しているため）

$(function(){
    $('.slide_items').click(function(){
        var href = $(this).data('href');
        window.location = href;
    });
});
于 2012-12-08T19:50:22.580 に答える
1

イベントを追加onclick="window.open('google.com')"して、div へのリンクをシミュレートできます。

div 全体をリンクとして表示する場合は、カーソルを変更する必要があります。div にも追加style="cursor: hand; cursor: pointer;"します。

于 2012-12-08T19:47:43.000 に答える
1 
    <div class="slide_items">
        <div class="slide_item"><img src="image" alt="my image" /></div>
        <divclass="slide_title">title</div>
    </div>

js:

$(function() {
    $('.slide_items').click(function() {
        window.location = 'http://www.google.com';
    });
});

CSS:

.slide_items:hover {
    cursor: pointer;
}

http://jsfiddle.net/68Smw/6/

リダイレクトは jsfiddle では機能しませんが、うまくいくはずです。

于 2012-12-08T20:02:39.490 に答える
1

onclickプロパティを に追加できdivます。

<div class="slide_items" onclick="location.href='/url';" >
    <div class="slide_item"><img src="image"/></div>
    <div class="slide_title">title</div>
</div>
于 2012-12-08T19:47:47.320 に答える
1

簡単なJavaScriptを使用してこれを行うことができます

onclick() イベントを使用する

HTMLコードは次のようになります

<div class="slide_items">
            <div class="slide_item" onclick="function1()"><img src="image"/></div>
            <div class="slide_title" onclick="function2()">title</div>
        </div>

あなたのJavaScriptコードは次のようになります

function function1(){
// insert your code here
}

function function2()
{
// insert your code here
}

コードは、必要に応じてさまざまな方法で実行できます。別の div にリダイレクトするだけの場合は、とdisplayの間で属性を交互に使用します。詳細については、こちらのドキュメントを参照してください。noneblock

使用できる別のサイトにリダイレクトする場合

window.open("your url")
于 2012-12-08T20:07:55.303 に答える
0

次のように言いたい場合は、「ここをクリックしてサイトに入ります」と言ってください。

<div>

<a href="YOUR PAGE HERE!">Click here to enter my site!</a> 

</div>
于 2012-12-08T20:40:27.293 に答える