JavaScript не может хранить идентификаторы в массиве, потому что содержимое .each игнорируется

Я пытаюсь получить идентификаторы элементов списка моих сортируемых связанных списков (созданных с помощью пользовательского интерфейса jQuery). К сожалению, содержимое функции .each () не запущено. Я много пробовал. Для тестирования у меня есть предупреждение внутри функции. Это никогда не появляется. Мои списки создаются из постов WordPress. У всех есть удостоверения личности.

Код из шаблона WordPress:

<div id="content-start" class="container content content-start">
<div class="row">
<div class="col-md-8 main">
<h2>Alle Artikel</h2>
<p>Sie können die gewünschten Artikel per „Drag and Drop“ in dem Kasten auf der rechten Seite sammeln.</p>

<?php
$post_auswahl = new WP_Query(array(
'post_type' => array('insights'),
'order_by' => 'date',
'order' => 'DESC'
));
?>

<?php
if($post_auswahl->have_posts()) : ?>
<ul id="liste-alles" class="liste-alles list-column sortable-list connectedSortable">
<?php while($post_auswahl->have_posts()) : $post_auswahl->the_post(); ?>

<li <?php post_class(); ?> id="<?php the_ID(); ?>"><div class="white-box sortable-items"><h4><a href="<?php the_permalink(); ?>" target="_blank"><?php the_title(); ?></a></h4></div></li>

<?php endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_postdata(); // reset the query ?>

</div>

<div class="col-md-4 side">
<h4>Meine Auswahl</h4>

<ul id="liste-auswahl" class="liste-auswahl list-column sortable-list connectedSortable">

</ul>

</div>

Код JQuery:

// Get all items from a container
function getItems()
{

var columns = [];

$("#content-start ul.column").each(function(){

columns.push($(this).sortable('toArray').join(','));

alert("Values added...");

});

return columns.join('|');

};$( function() {
$( "#liste-alles, #liste-auswahl" ).sortable({
connectWith: ".connectedSortable",
placeholder: "platzhalter-item",
update: function(event, ui) {

var itemStr = getItems();
console.log({
MyIDs: itemStr
});},
start: function(event, ui){

ui.item.addClass("dragging");
},
stop: function(event, ui){
ui.item.removeClass("dragging");
}
}).disableSelection();
});

Большое спасибо за любую помощь!

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]