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

Jquery use a class to bind link and image

本文关键字：绑定 链接 图像 一个 Jquery      更新时间：2023-09-26

为什么，如果这个问题，在主题中添加一些链接和图像:

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

我想绑定img与链接，我的意思是当有人点击图像链接被点击或类似的东西…但我不想使用window。location。href....我很感兴趣的是，如果我可以使用相同的类挂钩主题在一起…这可能吗?

Thank you

更具体一些，但是如果你想在图像之外创建一个链接，你必须用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");
});

这是窗户。文档位置。
https://developer.mozilla.org/en/DOM/window.location

查看你发布的页面:

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

也许这行得通?

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

如前所述，它要求您在<a> -标记内使用<img>:

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

<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>
相关文章：