Li可点击，但与实际- jquery

li clickable but with rel - jquery

本文关键字：jquery Li      更新时间：2023-09-26

我正在使用jQuery pretypto来显示一个覆盖窗口。

在我的页面上，我有一个链接和图像的li，我希望整个li是可点击的，但链接是#，所以它确实在做的工作。

<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;
    });
});

我建议不要尝试使<li>可点击。如果你不能在锚中包装一些元素(如<li>或<td>)，你可以用CSS让锚填充元素的整个区域:在jsFiddle上的例子。(你可能可以在ALA之类的网站上找到不那么粗糙的方法。)然后拦截链接上的click事件。

另外，正如Quentin所说，不要重新使用rel或其他属性;您可以使用数据属性作为"干净"的替代方法。

相关文章：