Блог

Главная - Вопросы по программированию - Owl Carousel не будет отображаться в index.php ?

Owl Carousel не будет отображаться в index.php ?

#php #jquery #css #wordpress #twitter-bootstrap

#php #jquery #css #wordpress #twitter-bootstrap

Вопрос:

Я хочу, чтобы плагин owl carousel отображался в этой теме WordPress / bootstrap, но когда я пытаюсь его добавить, он не отображается.

HTML

     <div class="row">
                   <div id="owl-demo" class="owl-carousel">
  <div><img src="http://placehold.it/1170x300/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x400/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x200/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x250/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x350/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x300/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x100/42bdc2/FFFFFF"></div>
  <div><img src="http://placehold.it/1170x500/42bdc2/FFFFFF"></div>
</div>

                </div>

CSS

 #owl-demo .owl-item div{
  padding:5px;
}
#owl-demo .owl-item img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

Это как-то связано с его использованием в теме WordPress?

Комментарии:

1. Возможно, вы не используете правильный селектор классов. Я не вижу .owl-item класс в html , но хорошо .owl-carousel , и ваш css не будет работать.

2. Похоже, это не так, я начинаю думать, что это проблема с WordPress или, может быть, то, как я все настроил

3. вызывается js? owl carousel необходимо инициализировать, возможно, он не инициализируется должным образом, попробуйте сделать это с помощью пользовательского js. $(‘.owl-carousel’).OwlCarousel()

4. Когда вы говорите, что он не отображается, вы даже не видите заполнителя. это вообще изображения?

5. Может быть, вам следует установить высоту не на auto, у меня тоже когда-то было что-то подобное. Попробуйте установить высоту, равную высоте изображений.