Блог

Я использую jQuery prettyPhoto для отображения окна наложения.

На моей странице у меня есть li со ссылкой и изображением, я хочу, чтобы весь 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;
    });
});
  

Я не рекомендую пытаться сделать <li> кликабельный. Если вы не можете обернуть какой-либо элемент (например, an <li> или a <td> ) в якорь, вы можете заставить якорь заполнить всю область элемента с помощью CSS: пример на jsFiddle. (Вероятно, вы можете найти менее грубые способы сделать это на ALA или тому подобное.) Затем просто перехватите событие щелчка по ссылке.

Кроме того, как сказал Квентин, не перепрофилируйте rel или другие атрибуты; вы можете использовать атрибуты данных в качестве «чистой» альтернативы.