如何製作一個包含鏈接鏈接的HTML類？

圖像和標題story有兩個不同的鏈接。圖像指向一個位置並鏈接到另一個位置。如何製作一個包含鏈接鏈接的HTML類？

我需要使整個班級story成爲一個鏈接。

<div class="story"> 
<a href="link"> <img src="linkforimage"></a> 
<a href="link2">Caption for image </a> 
</div>

我需要這樣一個解決方案：

<a href="link"> 
    <div class="story"> 
    <a href="link"> <img src="linkforimage"></a> 
    <a href="link2">Caption for image </a> 
    </div> 
</a>

來源

2015-06-23 user1137167

http://stackoverflow.com/a/4465956/4028085 – brso05

你試過'onclick（）'？ – 9Deuce

將'div'包裹在'a'標籤中... – brso05

你不能有內anchor標籤anchor標籤。您可以使用onclick方法來實現您的目標。

<div onClick="window.open(link);" class="story"> 
<a> <img src="linkforimage"></a> 
<a onClick="window.open(link2); event.stopPropagation();" >Caption for image </a> 
</div>

編輯jsfiddle

來源

2015-06-23 19:56:37 Anoop

嘗試了這一點，但是當用戶點擊圖像時，它會轉到「鏈接」，我需要創建整個類「故事「與標題相同爲」link2「。 – user1137167

@ user1137167根據您的描述更改了代碼.. – Anoop

我現在面臨的問題是我正在使用嵌入式平臺，其中圖像來自。所以，我只是發佈與鏈接和圖像從嵌入式鏈接解析。但是，那ahref把用戶帶到原來的網站。標題將用戶帶到我的網站上包含該內容的頁面。我需要爲整個div製作標題。希望你能幫助我，謝謝。 – user1137167

嵌套a標籤是一個壞主意。我會在這裏使用一個代表。有一個包裝a標籤和JS檢查哪個來源span被點擊。

HTML

<a href="#" class="story"> 
    <span data-href="link"><img src="linkforimage"/></span> 
    <span data-href="link2">Caption for image</span> 
</a>

JS（基於jQuery的）

$('.story').on('click', 'span', function() { 
    document.location.href= $(this).data('href'); 
});

來源

2015-06-23 19:57:40 koenpeters

在這種情況下，我只用JavaScript來重寫圖像鏈接的href。 '$（'。story a'）。attr（'href'，'link'）'。這將'story' div中所有'a'標籤的鏈接設置爲正確的鏈接 – koenpeters

澄清我面對現在的問題是，我使用embedly平臺，在圖像從何而來。所以，我只是發佈鏈接和圖像，從嵌入鏈接解析。但是，那ahref把用戶帶到原來的網站。標題將用戶帶到我的網站上包含該內容的頁面。我需要爲整個div製作標題。

所以，我找到了CSS的答案，我剛加入：style =「pointer-events：none; cursor：default;」與圖像和樣式鏈接=「遊標：指針;」 onclick =「window.location ='link'」上一節課「故事」的div。

來源

2015-06-24 14:47:36 user1137167

如何製作一個包含鏈接鏈接的HTML類？

回答

相關問題