Php javascript滑块不工作
我有一个wordpress主题的滑块,它不工作。我已经做了所有的设置正确,它不会滑动。自动或手动。从我看来,一切似乎都是正确的。我也遵循了制造商的所有说明,但似乎无法解决问题。以下是网站:www.casavulturalui.comPhp javascript滑块不工作,php,javascript,jquery,html,slider,Php,Javascript,Jquery,Html,Slider,我有一个wordpress主题的滑块,它不工作。我已经做了所有的设置正确,它不会滑动。自动或手动。从我看来,一切似乎都是正确的。我也遵循了制造商的所有说明,但似乎无法解决问题。以下是网站:www.casavulturalui.com <?php if ( !$paged && get_option('woo_featured') == "true" ) { ?> <script type="text/javascript"> jQuery(docume
<?php if ( !$paged && get_option('woo_featured') == "true" ) { ?>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#loopedSlider").loopedSlider({
<?php
$autoStart = 0;
$slidespeed = 600;
if ( get_option("woo_slider_auto") == "true" )
$autoStart = get_option("woo_slider_interval") * 1000;
else
$autoStart = 0;
if ( get_option("woo_slider_speed") <> "" )
$slidespeed = get_option("woo_slider_speed") * 1000;
?>
autoStart: <?php echo $autoStart; ?>,
slidespeed: <?php echo $slidespeed; ?>,
autoHeight: true
});
});
</script>
<?php } ?>
<div id="sliderWrap">
<div class="innerwrap">
<div id="loopedSlider">
<?php $img_pos = get_option('woo_featured_img_pos'); ?>
<?php $saved = $wp_query; query_posts('suppress_filters=0&post_type=slide&order=ASC&orderby=date&showposts=20'); ?>
<?php if (have_posts()) : $count = 0; $postcount = $wp_query->post_count; ?>
<div class="container">
<div class="slides">
<?php while (have_posts()) : the_post(); ?>
<?php if (!woo_image('return=true')) continue; // Don't show slides without image ?>
<?php $count++; ?>
<div id="slide-<?php echo $count; ?>" class="slide">
<div class="slide-content <?php if($img_pos == "Left") { echo "fr"; } else { echo "fl"; } ?>">
<h2 class="slide-title">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<? php the_title(); ?>"><?php the_title(); ?></a>
<?php if ($postcount > 1) echo '<span class="controlsbg"> </span>'; ?>
</h2>
<p><?php the_content(); ?></p>
</div><!-- /.slide-content -->
<?php if (woo_image('return=true')) { ?>
<div class="image <?php if($img_pos == "Left") { echo "fl"; } else { echo "fr"; } ?>">
<?php woo_image('width=515&height=245&class=feat-image&link=img'); ?>
</div>
<?php } ?>
<div class="fix"></div>
</div>
<?php endwhile; ?>
</div><!-- /.slides -->
<?php if($count > 1) { ?>
<ul class="nav-buttons <?php if($img_pos == "Left") { echo "right"; } else { } ?>">
<li id="p"><a href="#" class="previous"></a></li>
<li id="n"><a href="#" class="next"></a></li>
</ul>
<?php } ?>
</div><!-- /.container -->
<div class="fix"></div>
<?php else : ?>
<p class="note"><?php _e( 'Please add some "Slides" to the featured slider.', 'woothemes' ); ?></p>
<?php endif; $wp_query = $saved;?>
</div><!-- /#loopedSlider -->
</div>
</div><!-- /#sliderWrap -->
您正在使用“#loopedslider”元素上的幻灯片: 但是这个div保存了一个包含幻灯片的容器,而不是幻灯片本身。所以你有两个选择: 1) 卸下容器 或 2) 将滑块切换到固定滑块的元件:
jQuery(".slides").loopedSlider({
有点离题,但您是否尝试过jQueryUI滑块?这可能会简单得多。请更新您的帖子,使其只包含相关代码。问题很可能出在您尚未提供的javascript代码中,请显示您的javascript<代码>未捕获错误:语法错误,无法识别的表达式:[object object][rel=“2”]大家好!我没有尝试UI滑块,因为这是一个嵌入在页面模板中的滑块-它是一个自定义主页。所以我必须用这个。。。至于语法错误,我似乎找不到那个错误,所以我;我是通过改变滑块来完成的。然而,我相信问题出在wordpress的设置中,因为它没有打开滑块控制器中的链接。谢谢大家!非常感谢你!我会试试看,然后回来。所以我查阅了脚本,从中我看到div也包含了幻灯片。容器只是div的类。没有它,滑块将无法正确分页。所以在这一点上,我不知道问题是什么。我再也看不到代码了:您是否用闪存滑块替换了它?
jQuery("#loopedSlider").loopedSlider({
jQuery(".slides").loopedSlider({