insertAfterが複数のdiv

Question

のために、私は同じ出力が異なるページのカップル間で複数のdivの後に表示するスクリプト

.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'); 
 
    }) 
 
);

これは、あなたが複数の場所（.afterと.insertAfterで同じ要素を挿入することはできませんので、任意のページだけコピーを作成していない、#cartDefaultHeadingの一つと#checkoutOrderHeadingを持っていることを前提としてい要素自体を移動します）。

Answer 2

ドキュメントによると、あなたは関数に要素の配列を渡すことができます。 出典：それぞれが次の後にそれを挿入しようとする前に、前の位置から要素を削除しますのでhttp://api.jquery.com/insertafter/

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