insertAfter超過一個格

Question

我有腳本

.on('finish.countdown', function(event) { 
     $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
    }) .insertAfter('#cartDefaultHeading'); 

的以下部分我想相同的輸出到後跨越幾個不同的頁面的多個格出現。如果我更改div名稱，它會按預期顯示在新位置。 但是，如果我試圖讓它出現在多個我沒有得到任何輸出。

我嘗試以下

.on('finish.countdown', function(event) { 
     $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
    }) .insertAfter('#cartDefaultHeading').insertAfter('#checkoutOrderHeading'); 

和

.on('finish.countdown', function(event) { 
    $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
}) .insertAfter('#cartDefaultHeading'), .insertAfter('#checkoutOrderHeading') ; 

甚至

.on('finish.countdown', function(event) { 
    $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
}) .insertAfter('#cartDefaultHeading'); 
    $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
}) .insertAfter('#checkoutOrderHeading'); 

無工作。每當我嘗試在多個div上獲得它時，我都無法獲得它。 實現此目標的正確語法是什麼？

完整腳本如下所示：

<script> 
jQuery(function($){ 
if (($('#cartDefaultHeading').length || $('#checkoutOrderHeading').length) && !$('.checkout_dispatch_timer').length) { 
    var $this = $('<div class="checkout_dispatch_timer <?php echo $dispatch_countdown_timer_style; ?>"></div>'); 
    <?php if ($dispatch_countdown_timer_disable === false) { ?> 
    var finalDate = moment.tz('<?php echo $dispatch_countdown_timer_date_array[4]; ?>', '<?php echo date_default_timezone_get(); ?>'); 
    $this.countdown(finalDate.toDate()) 
    .on('update.countdown', function(event) { 
     var format = '%Mm'; 

     if (event.offset.totalDays > 0) { 
      format = '%Dd:%Hh:' + format; 
     } else if (event.offset.totalHours > 0) { 
      format = '%Hh:' + format; 
     } else { 
      format = format + ':%Ss'; 
     } 

     dispatch_countdown_timer_text = "<?php echo $dispatch_countdown_timer_text; ?>"; 
     dispatch_countdown_timer_text = dispatch_countdown_timer_text.replace('%s', event.strftime(format)); 

     $(this).text(dispatch_countdown_timer_text); 

    }) 
    .on('finish.countdown', function(event) { 
     $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
    }) 
    .insertAfter('#cartDefaultHeading'); 
<?php } else { ?> 
    $this.text("<?php echo $dispatch_countdown_timer_text; ?>").insertAfter('#checkoutOrderHeading'); 
<?php } ?> 
} 
}); 
</script> 

Answer 1

不能使用.insertAfter()多次，因爲每個人會從以前的位置嘗試下一個後，將其插入之前刪除的元素。使用.after。

$('#cartDefaultHeading, #checkoutOrderHeading').after(
 
    $this.countdown(finalDate.toDate()) 
 
    .on('update.countdown', function(event) { 
 
    var format = '%Mm'; 
 

 
    if (event.offset.totalDays > 0) { 
 
     format = '%Dd:%Hh:' + format; 
 
    } else if (event.offset.totalHours > 0) { 
 
     format = '%Hh:' + format; 
 
    } else { 
 
     format = format + ':%Ss'; 
 
    } 
 

 
    dispatch_countdown_timer_text = "<?php echo $dispatch_countdown_timer_text; ?>"; 
 
    dispatch_countdown_timer_text = dispatch_countdown_timer_text.replace('%s', event.strftime(format)); 
 

 
    $(this).text(dispatch_countdown_timer_text); 
 

 
    }) 
 
    .on('finish.countdown', function(event) { 
 
    $(this).text("<?php echo TEXT_SHIPPING_BARELY_PAST_DISPATCH; ?>").parent().addClass('disabled'); 
 
    }) 
 
);

這假定任何頁面僅有的#cartDefaultHeading和#checkoutOrderHeading一個，因爲你不能插入在多個地方（.after和.insertAfter相同的元素不進行復印，它移動元素本身）。

Answer 2

根據所述的文檔，可以傳遞元件的功能的陣列。 來源：http://api.jquery.com/insertafter/

`insertAfter(['#cartDefaultHeading','#checkoutOrderHeading']);