Question

我有这个代码，它用于在鼠标点击时将图像切换到第二个图像，同时也包围它周围的链接。第二次单击图像时，它将带您进入链接并切换回上一个图像。

我正在努力解决的问题是如何切换回上一张图片也是为了摆脱包裹的链接。

也可以在鼠标点击另一个对象时使用切换。例如，单击页面上的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")
    });
});

Answer 1

您可以使用jquery unwrap：

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

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

JQuery图像换行和切换

1 个答案: