Question

我正在使用jcycle插件，一切都按照应有的方式运行。我现在需要做的是一些网络跟踪。因此，当用户点击下一个箭头或上一个箭头时，我需要知道如何检查当前可见的幻灯片，以便我可以为Web跟踪传递正确的值。我希望这是有道理的。我真的只需要知道如何检查当前可见的幻灯片。如果您需要更多信息，请告诉我。

Answer 1

使用以下示例标记：

<div id="slides">
  <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: none;">
  <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: block;">
  <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" style="display: none;">
</div>

这个Javascript：

$('#slides img').each(function (){
  if($(this).css("display") == "block"){
    //this is your current slide!
  }
});

应该为您提供当前元素元素。

请注意，当前元素具有display：block属性，并且使用display：none

隐藏非活动元素

Answer 2

听起来，您可以使用$.index()方法和:visible选择器：

$("li:visible").index("li");

这将返回页面上所有其他li中可见li的从零开始的索引。

演示：http://jsbin.com/iquvib/edit

jcycle prev / next幻灯片可见性

2 个答案: