如何停止jQuery對話框刪除原始內容

所以我在我的網站上有一個圖像。當我點擊該圖像時，彈出一個jQuery對話框並將該圖像放置在我的對話框中。唯一的問題是我的圖像從我的網站上消失。所以我只有我的形象在我的對話中，而不是在我的網站上了。如何更改圖像，使圖像在點擊圖像後進入我的對話框後仍保留在我的網站上？如何停止jQuery對話框刪除原始內容

這裏是我的代碼：

<body> 
<img src="http://www.c-and-a.com/iview/FRONT_ZOOM2X/148243_1.jpg" 
    data-swap="http://www.c-and-a.com/iview/BACK_ZOOM2X/148243_1.jpg" id="images"> 

<script> 
    $(function() { 
     $(document).ready(function() { 
      $('body').jqueryPlugin(); 
     }); 
    }); 
</script

下面是我的javascript：

(function ($) { 
    $.fn.jqueryPlugin = function() { 
     $("#images").click(function() { 
      var _this = $(this); 
      var current = _this.attr("src"); 
      var swap = _this.attr("data-swap"); 

      _this.attr('src', swap).attr("data-swap", current); 

      $("#images").dialog({ 
       dialogClass: "no-close", 
       width: 'auto', 
       height: 'auto', 
       resize: "auto" 
      }); 
     }); 
    }; 
})(jQuery);

來源

2015-04-02 Max

你檢查，我的答案？ – 2015-04-02 15:05:02

使用下面的代碼。當對話框再次關閉交換圖像src並銷燬對話框時。看到DEMO

如果你想保持圖像的背景對話框打開時，請參閱該DEMO

具有再添DEMO枝條一些更新

$("#images").dialog({ 
      dialogClass: "no-close", 
      width: 'auto', 
      height: 'auto', 
      resize: "auto", 
      close : function(){ 
       $("#images").dialog("destroy"); 
      _this.attr('src', current).attr("data-swap",swap); 
     } 
    });

來源

2015-04-02 12:23:11

如何停止jQuery對話框刪除原始內容

回答

相關問題