[英]Javascript: Why doesn't “if( element != '' || element != null)” work?
[英]Javascript element doesn't work
我正在Wordpress上的網頁上工作,我想插入一個包含6個博客文章的滑塊。 這些帖子將由我選擇,因為我為此使用了高級自定義字段插件。 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語句來避免錯誤。 我的滑塊不起作用,它僅顯示我選擇的所有帖子及其鏈接,但沒有滑塊。 謝謝您的幫助,謝謝!
我認為滑塊不起作用,因為在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>';
}
我希望這可以幫助您
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.