SlideItMoo - 如果少于3个元素隐藏控件

时间:2014-02-06 16:20:43

标签: jquery mootools

我在网站上使用SlideItMoo-Script。通常会显示3个项目以“滚动”低谷,点击脚本幻灯片到下面的三个项目/元素。

可能只有2个项目可供显示。如果是这种情况,我想隐藏前进和后退的控件。

到目前为止,我一直在尝试这样:

if ('.SlideItMoo_element') <= 3 {
jQuery('.SlideItMoo_forward').css({ "display" : "none" });
});

但是这没用。没有if语句的第二行本身隐藏了前向控制。

我尝试了几个像“SlideItMoo_items”,“SlideItMoo_element”和“itemsSelector”这样的“变量名称”,但没有任何对我有用。

这是我得到的HTML输出:

<!--thumbnails slideshow begin-->
<div id="SlideItMoo_outer">
<div class="SlideItMoo_back"><!--slide back button--></div>
<div id="SlideItMoo_inner">
<div id="SlideItMoo_items"><div class="Thurs"><div class="SlideItMoo_element">

<div class="heute">
<h3>18.30h</h3>
<h2>Hatha Yoga</h2>
<div class="info">Info ABC</div>
für Einsteiger
</div><!--Ende "heute"-->

<a class="startseite" href="./hatha-yoga.html" title="Hatha Yoga"> </a>

</div> <!--Ende "SlideItMoo_element"-->

 </div>
<div class="clear"></div></div>
<div> </div>
</div>
<div class="SlideItMoo_forward"><!--slide forward button--></div>
</div>
<!--thumbnails slideshow end-->

有没有人知道如何解决这个问题?

编辑:

好的,因为我无法让它工作,我认为计算显示的div的数量会有所帮助。经过一番研究后我发现了这个:

jQuery(document).ready(function () {
    var Divcount = jQuery(".SlideItMoo_element");
    for (i = 0; i < Divcount.length; i++) {
        alert(jQuery(Divcount[i]).length);
    }
});

但问题是,每个“SlideItMoo_element”都会弹出一个警告,但它始终显示数字“1”。因此,“i”的值不会改变,它不会为每个找到的“SlideItMoo_element”添加一个......

1 个答案:

答案 0 :(得分:0)

好的,最后我用这段代码制作了它:

var Divcount = jQuery(".SlideItMoo_element");
for (i = 0; i < Divcount.length; i++) {
     if (jQuery(Divcount).length <= 3 ) {
         jQuery('.SlideItMoo_forward').css({ "display" : "none" });
         jQuery('.SlideItMoo_back').css({ "display" : "none" });
     }
}