使用php循环在一个页面上创建多个图像滑块

我正在使用wordpress循环浏览我的帖子，并从每篇帖子返回5张图片。然后我将这5幅图像加载到一个滑块中。我循环浏览了10页，一页上总共返回10个滑块。网站管理员可能会创建无限多的帖子（公文包项目），产生无限多的滑块（每页10个，带分页）

许多jquery滑块插件允许在一个页面上使用多个滑块，但它们都要求您使用唯一的选择器调用它们。例如，前5个滑块的名称如下：

 $("#portfolio-slider-1").bxSlider();
 $("#portfolio-slider-2").bxSlider();
 $("#portfolio-slider-3").bxSlider();
 $("#portfolio-slider-4").bxSlider();
 $("#portfolio-slider-5").bxSlider();

如果我有300个滑块，就会有300个呼叫…现在这看起来不必要吗？尤其是wordpress有一个通用的header/footer.php，它会在每个页面上进行这些调用（即使是没有这些滑块容器的页面）。完全没有必要

另一个问题是给wordpress动态生成的帖子（公文包项目）分配一个唯一的id。因为wordpress在帖子中循环，所以它不能给每个帖子一个div id，依次为1、2、3等等。Wordpress会给每一篇文章提供一类

.portfolio slider

，它不适用于jquery slider插件

---

这似乎不对。但话说回来，我想不出一个好的解决方案，可以在一个页面上使用多个滑块，使用一个通用的类名。我已经尝试了这么多插件，但它就是不起作用。它们都需要唯一的ID！因此，我想我的问题是，如何在一个页面上添加多个图像滑块，以便动态生成项目（必须是类名，而不是ID）？

您应该能够使用以下内容压缩多个.bxSlider（）调用：

$('[id^="portfolio-slider-"]').each(function(){
    $(this).bxSlider();
});

这基本上可以转化为：对于id以“公文包滑块”开头的每个元素，调用其上的.bxSlider（）

要改为使用.portfolio slider类，并分别对每个类应用.bxSlider（）：

$('.portfolio-slider').each(function(){
    $(this).bxSlider();
});

---

这里的关键是使用each，因此该函数将分别应用于每个元素，而不是所有元素的集合。

您应该能够使用以下内容压缩多个.bxSlider（）调用：

$('[id^="portfolio-slider-"]').each(function(){
    $(this).bxSlider();
});

这基本上可以转化为：对于id以“公文包滑块”开头的每个元素，调用其上的.bxSlider（）

要改为使用.portfolio slider类，并分别对每个类应用.bxSlider（）：

$('.portfolio-slider').each(function(){
    $(this).bxSlider();
});

---

这里的关键是使用each，因此该函数将分别应用于每个元素，而不是所有元素的集合。

您的答案太棒了！我碰巧也有同样的问题。不管怎样，它不会为我循环。它只激活一次（我使用警报进行调试），我只收到一个警报。第一个滑块工作完美，因此代码中不会有任何错误。有什么解决办法吗？你的答案太棒了！我碰巧也有同样的问题。不管怎样，它不会为我循环。它只激活一次（我使用警报进行调试），我只收到一个警报。第一个滑块工作完美，因此代码中不会有任何错误。有什么解决办法吗？