У меня есть карусель 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-скрипт выполняется только один раз, мой вопрос: как мне заставить его работать дважды на одной странице?
На первый взгляд кажется, что ваша проблема с JavaScript, а не с PHP:
var owl = $("#owl-demo");
var owl = $("#owl-demo2");
Вы используете одно и то же имя переменной, поэтому оно просто перезаписывает первое.
Других решений пока нет …