JQuery图像包装和切换

我有这个代码打击，它是用来切换图像到第二个图像在鼠标单击，也包围在它周围的链接在同一时间。第二次点击图片时，它会将您带到链接并切换回上一张图片。JQuery图像包装和切换

我想要解决的是如何也切换回前一个图像也是摆脱封装的链接。

也有可能使用鼠标点击另一个对象上的切换。例如点击页面上的div，它会将图像切换回原来的位置。

jQuery(function() { 

    var largeLink = "<a href='index.html' target='_blank' ></a>"; 
    var largeLink2 = "<a href='#'></a>"; 
    $(".buyimage").live('click', function() { 
     if ($(this).attr("class") == "buyimage") { 
      this.src = this.src.replace("_5.99", "_buynow"); 
     } else { 
      this.src = this.src.replace("_buynow", "_5.99"); 
     } 

     $(".buyimage").wrap(largeLink); 

     $(this).toggleClass("on") 
    }); 
});

来源

2011-10-11 RyanH

只需拨动了href属性，当你改变形象？在你的if语句中this.parent（）。attr（'href'，'＃'）和this.parent（）。attr（'href'，'index.html'）？ :) –

我对JQuery很新，你能否真的把它作为代码的答案，我试图把它，但它dident似乎工作。 – RyanH

您可以使用jQuery的unwrap：

http://api.jquery.com/unwrap/

// for example 
<script> 
    $("button").toggle(function(){ 
    $("p").wrap("<div></div>"); 
    }, function(){ 
    $("p").unwrap(); 
    }); 
</script>

来源

2011-10-11 13:35:49 swatkins

JQuery图像包装和切换

回答

相关问题