Php javascript滑块不工作

Php 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

我有一个wordpress主题的滑块,它不工作。我已经做了所有的设置正确,它不会滑动。自动或手动。从我看来,一切似乎都是正确的。我也遵循了制造商的所有说明,但似乎无法解决问题。以下是网站:www.casavulturalui.com

<?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">&nbsp;</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({