Question

我正在撰写一篇文章网站，这些文章都在一个可以删除/添加的数据库（CMS）上，它完全正常工作，数据库和滑块。现在我想做的是将文章集成在滑块上。这是我的代码巫婆它不工作，任何提示？感谢

JS：

sliderInt=1;
    sliderNext=2;
    $("#newsText > p#1").fadeIn(500);
    startSlider();


    function startSlider() {

        count = $("#newsText > p").size();
        loop = setInterval (function() {

            if (sliderNext>count) {

                sliderNext = 1;
                sliderInt = 1;
            }

        $("#newsText > p").fadeOut(500);
        $("#newsText > p#" + sliderNext).delay(500).fadeIn(500);
        sliderInt = sliderNext;
        sliderNext ++;

        } ,7500);
    }


    function stopLoop() {

        window.clearInterval(loop);
    }


    function showSlide(id) {

        stopLoop();
            if (id>count) {

                id = 1;
          }
            else if (id<1) {

                id=count;
          }

        $("#newsText > p").fadeOut(500);
        $("#newsText > p#" + id).fadeIn(500);

        sliderInt = id;
        sliderNext = id + 1;
        startSlider();

    }

})

PHP / HTML：

    <?php
include_once('php/CMS/includes/connection.php');
include_once('php/CMS/includes/article.php');

$article = new Article;
$articles = $article->fetch_all();

?>

      //.......BODY......

<div id ="newsText">

            <?php 
            foreach ($articles as $article){
                for($articles=0; $articles <= count($articles); $articles++) {
                    $id = 1;
                    echo ("<p id =".$id++.">".$article['article_content']."</p>");
                }
            }
            ?>
        </div>

Answer 1

您有任何错误消息？它似乎只是开始使用jQuery。您是否按F12查看控制台中的javascript错误？

我试着在[http://jsfiddle.net/w9AHt/][jsfiddle]编写代码。它在onready事件中工作正常，当幻灯片从最后一个变为第一个时，表示例行。

滑块PHP，MYSQL和JS

1 个答案: