Question

我正在使用jQuery prettyPhoto来显示叠加窗口。

在我的页面上，我有一个带有链接和图像的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;
    });
});

Answer 1

我建议您不要尝试点击<li>。如果您无法在锚点中包含某个元素（如<li>或<td>），则可以使用CSS填充元素的整个区域：example on jsFiddle。（您可能会在ALA等上找到不那么粗略的方法。）然后只是拦截链接上的click事件。

此外，正如昆汀所说，不要重新利用rel或其他属性;您可以使用data attributes作为“干净”替代方案。

li可点击但有rel-jquery

1 个答案: