使用jquery.adaptive-backgrounds.js应用于父级以外的其他div

我正在尝试使用jquery.adaptive-background.js更改flexslider2的父div包装上的背景色

<section id="featured" class="dynamic-bg">
  <div class="inner">
    <div class="flexslider effect7">
      <ul class="slides">
        <li>
          <div class="flexslider-item">
            <img src="images/slider/kitchen_adventurer_caramel.jpg" data-adaptive-background />
            <p class="flex-caption">Adventurer Cheesecake Brownie</p>
          </div>
        </li>
    <li>
      <div class="flexslider-item"><img src="images/slider/kitchen_adventurer_cheesecake_brownie.jpg" data-adaptive-background />
        <p class="flex-caption">Adventurer Lemon</p>
      </div>
    </li>
    <li>
      <div class="flexslider-item"><img src="images/slider/kitchen_adventurer_donut.jpg" data-adaptive-background />
        <p class="flex-caption">Adventurer Donut</p>
      </div>
    </li>
    <li>
      <div class="flexslider-item"><img src="images/slider/kitchen_adventurer_lemon.jpg" data-adaptive-background />
        <p class="flex-caption">Adventurer Caramel</p>
      </div>
    </li>
  </ul>
</div>

冒险家奶酪蛋糕布朗尼



冒险家柠檬



冒险家甜甜圈



冒险家焦糖

期望的目标是为每个幻灯片图像更改部分背景颜色

---

我有一支笔@

有很多方法可以做到这一点，看看这个页面，它解释了你的插件是如何工作的，在你的情况下，你的父母是你的第一组think@NathanMeunier实际上，父对象是包装图像的

标记。我可以让部分只抓取一个背景颜色，但它没有改变是的，对不起，我的意思是在你的情况下，你必须把家长：的方式，以部分。我从未使用过这个脚本，但是，如果我按照github上的说明操作，它应该可以工作。控制台中没有错误？没有。我没有任何错误。它所做的只是抓住一种颜色，并以这种方式保持静止。如果我保留默认设置，加载的脚本会抓取每个图像，并在每个父flex项上放置bg颜色