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圖像包裝和切換

回答

相關問題