почему iframe не содержится в Flexslider> li parent? - PullRequest
Новая
       14

почему iframe не содержится в Flexslider> li parent?

0 голосов
/ 03 ноября 2018

Я использую flexslider и пользовательские записи в Wordpress для отображения ползунков (следующий подход обозначен https://code.tutsplus.com/articles/create-a-responsive-slider-plugin-with-flexslider-for-wordpress--wp-21839). Он отлично работает с изображениями, поэтому я подумал, что попробую использовать контент, не связанный с изображениями, включая iframe. Проблема в том, что iframe вырывается из контейнера flexslider. Вот код, который генерирует слайдер: 

function efs_get_slider_four(){

    $sliderfour= '<div class="flex-container"><div class="flexslider2"><ul class="slides">';

        GLOBAL $post;

        $efs_query_four= "post_type=slider-image-four";
        query_posts($efs_query_four);

        if (have_posts()) : while (have_posts()) : the_post();
            $sliderfour.='<li>'. the_content() .'</li>';
        endwhile; endif; 

        wp_reset_query();

    $sliderfour.= '</ul></div></div>';

    echo $sliderfour;
}

Есть два сообщения post_type 'slider-image-four', и одно из них имеет такой контент: 

<div class="iframe-container"><iframe style="border: 0;" src="https://reviews.com/vs/reviews/ourplace" scrolling="no"></iframe></div>

И это HTML, который генерируется --- контейнер iframe и содержимое другого сообщения не содержится внутри тегов 'li', и я надеюсь, что вы поможете мне понять, почему. 

<div class="iframe-container">
    <iframe style="border: 0;" src="https://reviews.com/vs/reviews/ourplace" scrolling="no">
    </iframe>
</div>
<p><a href="http://localhost/about-us/reviews/">Read more Reviews</a>…</p>
<p>Welcome to Our Place. You’ll see the difference our care makes!</p>
<div class="flex-container">
   <div class="flexslider2">
      <ul class="slides">
         <li></li>
         <li></li>
      </ul>
   </div>
</div>
...