Выполнить несколько сов карусели на одной странице с переполнением стека

У меня есть карусель OWL в одном разделе, которая тянет изображения с этим кодом PHP.

<?php $count = get_option( 'posts_per_page' );
the_widget( 'post_widget1', 'count='.$count.'&orderby=date' );
?>

Я пытаюсь снова отобразить другую карусель, используя точно такой же код, но с немного другими настройками, установленными в post_widget2, поэтому в настоящее время мой код выглядит так:

<section class="vbox">
<section class="scrollable padder-lg">

<h4>New</h4><hr />

<?php
$count = get_option( 'posts_per_page' );
the_widget( 'post_widget1', 'count='.$count.'&orderby=name' );
?>

</section>
</section><section class="vbox">
<section class="scrollable padder-lg">

<h4>New</h4><hr />

<?php
$count = get_option( 'posts_per_page' );
the_widget( 'post_widget2', 'count='.$count.'&orderby=date' );
?>

</section>
</section><script src="owl-carousel/jquery-1.9.1.min.js"></script>
<script src="owl-carousel/owl.carousel.js"></script><script>
$(document).ready(function() {

var owl = $("#owl-demo");
var owl = $("#owl-demo2");owl.owlCarousel({

items : 5, //10 items above 1000px browser width
navigation : false,
pagination : false,
responsive : true,
autoPlay : true,
navigationText : ["<",">"]
});

$(".next").click(function(){
owl.trigger('owl.next');
})
$(".prev").click(function(){
owl.trigger('owl.prev');
})

});
</script>

Карусель будет отображаться только один раз. Я понял, что это потому, что PHP-скрипт выполняется только один раз, мой вопрос: как мне заставить его работать дважды на одной странице?

1

Решение

На первый взгляд кажется, что ваша проблема с JavaScript, а не с PHP:

var owl = $("#owl-demo");
var owl = $("#owl-demo2");

Вы используете одно и то же имя переменной, поэтому оно просто перезаписывает первое.

0

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

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

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