2011-10-27 1 views
0

Hy, я эту проблему, есть некоторые Ли и в теме ссылку и изображение:Jquery использовать класс для привязки ссылки и изображения

<li><a href"somelink"></a><img src-""/></li> 
<li><a href"somelink"></a><img src-""/></li> 
... 

Я хочу, чтобы связать IMG со ссылкой, я имею в виду, когда кто-то нажимает на изображение, на которое нажимает ссылка, или что-то вроде этого ... но я не хочу использовать window.location.href .... я заинтересован, если бы я мог подключить тему вместе с использованием того же класса ... это возможно?

Спасибо

+2

Я не совсем уверен, что вы пытаетесь достичь, но это звучит, как вы могли бы просто поместить изображение внутри ссылки ? –

+0

Сэм, используйте соответствующие теги. Что означает «крючок» или «бин», связанный с вопросом? Кроме того, у вас есть несколько орфографических ошибок в коде. –

+0

i can not, у меня много чего происходит с изображениями, анимациями и т. Д. ... в любом случае я просто не могу ... им интересно что-то еще ... но спасибо –

ответ

0

Глядя на страницу, публикуемую:

$('#header_menu li a + img').click(
    function(){ 
     document.location = $(this).prev('a').attr('href'); 
     /* or: 
     $(this).prev('a').click(); 
     */ 
    }); 
+0

Я пробовал, но он не работает –

+0

Сори-царапины, что ему действительно нужно ... спасибо verry verry much –

+0

You Добро пожаловать. –

0

Возможно, это сработает?

$('img.clicky').bind('click', function() { 
    var h = $(this).attr('src'); 
    $(this).parent().attr('href', h).click(); 
}); 

Требовалось, чтобы у Вас, как уже упоминалось, <img> внутри <a> вместо: в тег

<a href=""><img class="clicky" src="" /></a>

3

более конкретно, но если вы хотите, чтобы создать ссылку из изображения вы должны оберните его тегом.

<ul> 
    <li><a href="http://foo.com"></a><img src="" class="image-element" /></li> 
    <li><a href="http://foo.com"></a><img src="" class="image-element" /></li> 
</ul> 

// Using Live w/ Click Event 
$('.image-element').live('click', function() { 
    window.location.href = $(this).prev().attr("href"); 
}); 

// Click Event 
$('.image-element').click(function(){ 
    window.location.href = $(this).prev().attr("href"); 
}); 

Вот документ window.location.
https://developer.mozilla.org/en/DOM/window.location

+0

это не что я ищу, спасибо, но я хочу использовать класс на моем теге изображения и теге ссылки и как-то привязывать их togather, поэтому, когда я пишу свой код в jquery, я использую класс ... это делает и воспринимает вас ? –

+0

Проверьте обновление. –

+0

Нет. Вы хотите нажать на изображение и * то что должно случиться *? 'document.location' будет использоваться, если вы хотите перейти по ссылке (независимо от ее использования с JavaScript, поведение по умолчанию должно следовать по ссылке, которая изменяет' document.location').Опишите в своем вопросе шаг за шагом, что вы хотите. –

0
<ul class="linkify"> 
    <li><a href="somelink"></a><img src="" /></li> 
    <li><a href="somelink"></a><img src="" /></li> 
</ul> 

<script type="text/javascript"> 
$(function() { 
    $('.linkify img').click(function() { 
     $(this).siblings('a:eq(0)').click(); 
    }); 
}); 
</script> 
Смежные вопросы