Question

Hy，我这个问题，有一些li和主题链接和图像：

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

我想将img与链接绑定，我的意思是当有人点击图片链接点击或类似的东西......但我不想使用window.location.href ....我'如果我可以使用相同的课程将主题连接在一起，那么我有兴趣...这可能吗？

谢谢

Answer 1

更具体但是如果你想从图像中创建一个链接，你必须用a标签包装它。

<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 doc。
https://developer.mozilla.org/en/DOM/window.location

Answer 2

也许这会起作用？

$('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>

Answer 3

<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>

Answer 4

查看您发布的页面：

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

Jquery使用类来绑定链接和图像

4 个答案: