Javascript/jQuery 文本幻灯片答案

【问题标题】：Javascript/jQuery text slideshowJavascript/jQuery 文本幻灯片
【发布时间】：2015-11-16 17:02:47
【问题描述】：

我一直在尝试实现 JavaScript/jQuery 文本幻灯片，但我似乎无法让它工作。我的数据库中有一些来自 4 行的文本，我希望它们滑动。我可以通过将文本存储在 jQuery 代码中的数组中来制作文本幻灯片，但这不是我想要的。我希望文本来自数据库。

PHP/HTML

<div id="test">
  <?php foreach($slideshows as $slideshow): ?>
  <p id="textSlide">
    <?php echo $slideshow["testing"]; ?>
  </p>
  <?php endforeach; ?>`
</div>

jQuery

var textSlider = [
  "Lorem Ipsum is simply dummy text.",
  "Ipsum is simply dummy text.",
  "Lorem Ipsum is simply dummy text.",
  "Ipsum is simply dummy text.",
  "Lorem Ipsum is simply dummy text.",
];

var i = 0;

setInterval(function() {
  $("#textSlide").html(textSlider[i]);
  if (i == textSlider.length) {
    i = 0;
  }else {
    i++;
  }
},2000);

【问题讨论】：

请详细说明come from data base。一个阵列适合所有人？每个过渡？预期不明确。还有什么理由不能在 php 循环中包含数据？
请注意，您不能在页面中重复 ID，它们在定义上是唯一的
@charlietfl 感谢您的评论，我是初学者，对编码还不是很好。我创建了一个数据库，在该数据库中我有一些文本，所以我希望页面上显示的文本来自我的数据库。

标签： javascript php jquery html css

【解决方案1】：

如果它适用于 JavaScript 中的数组，那么一个简单的解决方案是将 PHP 中的字符串回显到数组中：

var textSlider = [
  <?php 
      foreach($slideshows as $slideshow): 
         echo '"'.$slideshow["testing"].'",'; 
      endforeach; 
  ?>
];

【讨论】：

您好@Spencer Wieczorek 感谢您的帮助，不幸的是它仍然无法正常工作。我在控制台中收到此错误“SyntaxError: expected expression, got '

【解决方案2】：

您可以获取 p 元素的内容并使用它们创建数组以在滑块代码中使用。

html/php

<div id="test">
  <?php foreach($slideshows as $slideshow): ?>
  <p class="textToSlide">
    <?php echo $slideshow["testing"]; ?>
  </p>
  <?php endforeach; ?>`
</div>

var sliderTexts = [];
$(".textToSlide").each(function() {
    sliderTexts.push($(this).text());
});

【讨论】：