Question

我遇到了一个困难的情况，并且搜索了几乎没有一致的工作。

我的代码概念：我必须附加并添加“Visible li” 我的代码的初始阶段：

HTML：

<div class="img_list" id="slider1"> 
    <a href="#" class="control_next">Nexts</a>
    <a href="#" class="control_prev">Prevs</a>

    <ul>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="colors_changes colors-21" style="display:none"></li>
        <li class="colors_changes colors-21" style="display:none"></li>
    </ul>
</div>

jQuery：

function moveLeft（）{ jQuery（'＃slider1 ul'）。animate（{ left：+ slideWidth }，200，function（）{ jQuery（'＃slider1 ul.active:last-child'）。prependTo（'＃slider1 ul'）; jQuery（'＃slider1 ul'）。css（'left'，''）; }）; };
function moveRight() {
  jQuery('#slider1 ul').animate({
          bottom: - slideHeight
    }, 200, function () {
      jQuery('#slider1 ul .active:first-child').appendTo('#slider1 ul');
      jQuery('#slider1 ul').css('top', '');
    });
};

jQuery('a.control_prev').click(function () {
    moveLeft();
});

jQuery('a.control_next').click(function () {
    moveRight();
});

问题从这里开始，当我执行这些操作代码变得像下面的代码

<div class="img_list" id="slider1"> 
    <a href="#" class="control_next">Nexts</a>
    <a href="#" class="control_prev">Prevs</a>

    <ul>
        <li class="colors_changes colors-21" style="display:none"></li>
        <li class="colors_changes colors-21" style="display:none"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
        <li class="default-images active"></li>
    </ul>

在这种情况下，两个带有样式显示的li：none，当我点击下一个活动或可见的类时不起作用。

我尝试了以下jQuery代码

   1.:not([style*="display:none"]):not([style*="display: none"]):last-child or 
          :not([style*="display:none"]):not([style*="display: none"]):first-child
   2. :visible:last-child or  :visible:first-child
instead of jQuery('#slider1 ul .active:last-child') and jQuery('#slider1 ul .active:first-child').

li不在显示前添加和附加：none作为中间体。需要帮忙。感谢

可见的div冲突

0 个答案: