李clickable但與rel - jQuery

Question

我使用jQuery prettyPhoto來顯示覆蓋窗口。

在我的頁面上，我有一個鏈接和圖像，我希望整個li是可點擊的，但鏈接是＃，所以它是rel做的工作。

<a href="#inline-'.$i.'" rel="prettyPhoto[inline]">'.preg_replace($patterns,$replacements,$vimeo->title).'</a> 

下面是我的jQuery，有什麼想法嗎？

$(function() { 
    $('.clickable').css('cursor', 'pointer').click(function() { 
     window.location = $(this).find("a").attr("href") + $(this).find("a").attr("rel"); 
     return false; 
    }); 
}); 

Answer 1

我建議不要試圖使<li>可點擊。如果您無法將某個元素（如<li>或<td>）包裝在錨點中，則可以使錨點使用CSS填充元素的整個區域：example on jsFiddle。 （你可能會發現在ALA或其他方面做不到的粗略方法）。然後，只需截取鏈接上的點擊事件。

另外，正如Quentin所說，不要重用rel或其他屬性;您可以使用data attributes作爲「乾淨」選擇。