AJAX /页面刷新杀死了JS / jQuery

Question

我正在进行A / B测试（在页面上注入代码）以增加购物车中产品的图像。

当您选择其他送货方式时 - 整个表格似乎都会刷新。

我的代码只会在第一次执行。

所以当我第二次选择不同的送货方式时。我的代码丢失了。

除了标签留下。

您需要在购物车中随机购买产品才能看到它。

<script>
$( document ).ready(function() {
 $('img.item-img').each(function() {
    var str      = $(this).attr('src'),
        arr      = str.split("?");
		query	 = "?hei=200&wid=200&op_sharpen=1"
    $(this).attr('src', arr[0] + query);

});



  
  $( document ).ready(function() {
    $('tr').each(function() {
  var desc = $('td.description', this).html() 
  $('td.image', this).append(desc);
  $('td.description', this).remove();
});
  $("table#shopping-cart-items tr td.image").after($('<td id="clearSpace"></td>'));

});
});

  

  </script>




<script>
  
  
  $( document ).ready(function() {
    $('div.shippingOpt').click(function() {
		
		
   window.setTimeout(function(){  

 
	
	 $('img.item-img').each(function() {
    var str      = $(this).attr('src'),
        arr      = str.split("?");
		query	 = "?hei=200&wid=200&op_sharpen=1"
    $(this).attr('src', arr[0] + query);

});

	
   $('tr').each(function() {
  var desc = $('td.description', this).html() 
  $('td.image', this).append(desc);
  $('td.description', this).remove();
});
                     
  $("table#shopping-cart-items tr td.image").after($('<td id="clearSpace"></td>'));
     
          }, 1000);           
                    });
});



  </script>

<style>
    .checkoutBasket table.cart-container td.image img { width:200px; height:auto;}
  
	#clearSpace  {padding: 0 0 0 15px;}
</style>

Answer 1

请使用以下代码：

$('div.shippingOpt').on('click', function(){{...});