Элемент Javascript не работает

Question

Я работаю над веб-страницей на Wordpress, и мне нужно вставить слайдер с сообщениями из 6 блогов. Посты будут выбраны мной, потому что для этого я использую плагин Advanced Custom Fields. Часть php работает правильно, но я не получаю js. Вот мой HTML код:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="jquery.flexslider.js"></script> 
<script> 
$(window).load(function() { 
    $(".flexslider").flexslider({ 
     animation: "slide", 
    }); 
}); 
</script> 

Вот HTML-код для слайдера:

<div id="grey" class="row main-post"> 
<div class="flexslider"> 
    <ul class="slides"> 
    <?php 
    echo get_chosen_post(); 
    echo get_chosen_post_1(); 
    echo get_chosen_post_2(); 
    ?> 
    </ul> 
    </div> 
</div> 

И одна из функций для извлечения сообщения из полей:

function get_chosen_post() { 
    global $wpdb; 
    $post_title = get_field('post_title'); 
    $blog = get_field('blog_number'); 
    switch_to_blog($blog); 
    $posts = $wpdb->get_results("SELECT * FROM {$wpdb->prefix}posts WHERE post_type='post' AND post_status='publish' AND post_title LIKE '$post_title' LIMIT 1"); 
    foreach($posts as $post) { 
     //Thumbnail 
      $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); 
      $url = $thumb['0']; 
     $html .= '<div class="col-xs-12 col-sm-6 col-lg-4 mainpost "><div class="main-center"><a class="img-wrapper" href="'.get_permalink($post->ID).'"><img class="main-post-img" src="'.$url.'"></img></a></div></div>'; 

     $html .= '<div class="col-xs-12 col-sm-6 col-lg-4 mainpost no-padding"><div class="main-center mobile-text-fix">'; 
     //Title 
     $html .= '<h4><a href="'.get_permalink($post->ID).'" title="'.$post->post_title.'">'.$post->post_title.'</a></h4>'; 
     //Excerpt 
     $html .= '<p>'.$post->post_excerpt.'</p>'; 
     $html .= '</div></div>'; 

    } 
switch_to_blog(1); 
return $html; 
} 

Запрос отлично работает, я использую инструкцию LIKE, чтобы избежать ошибок, если заголовок сообщения содержит кавычки. Мой слайдер не работает, он просто показывает все сообщения, которые я выбрал, и ссылки на них, но не ползунок. Буду признателен за вашу помощь, спасибо!

Answer 1

Я думаю, что слайдер не работает, потому что в HTML результат есть не LI элемент, но только DIV. Вы можете попробовать

<ul class="slides"> 
    <li> <?php echo get_chosen_post(); ?></li> 
    <li> <?php echo get_chosen_post_1(); ?></li> 
    <li> <?php echo get_chosen_post_2(); ?></li> 
    </ul> 

или

foreach($posts as $post) { 
    $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); 
    $url = $thumb['0']; 
    $html .= '<li>'; 
    $html .= '<div class="col-xs-12 col-sm-6 col-lg-4 mainpost "><div class="main-center"><a class="img-wrapper" href="'.get_permalink($post->ID).'"><img class="main-post-img" src="'.$url.'"></img></a></div></div>'; 

    $html .= '<div class="col-xs-12 col-sm-6 col-lg-4 mainpost no-padding"><div class="main-center mobile-text-fix">'; 
    //Title 
    $html .= '<h4><a href="'.get_permalink($post->ID).'" title="'.$post->post_title.'">'.$post->post_title.'</a></h4>'; 
    //Excerpt 
    $html .= '<p>'.$post->post_excerpt.'</p>'; 
    $html .= '</div></div>'; 
    $html .= '</li>'; 
} 

я надеюсь, что это может помочь вам