Question

如何在jssor滑块中获取当前活动幻灯片的HTML？

JS

var options = { $AutoPlay: true };
var event_slider = new $JssorSlider$('slide-container', options);

event_slider.$On($JssorSlider$.$EVT_PARK,function (slideIndex,fromIndex) {
});

HTML

<div id="slide-container">
    <div u="slides" id="slides">
        <div>
            <img u="image" src="image1.jpg">
            <div class="slide-data">
                <div class="slide-id">5</div>
                <div class="slide-title">Slide Title</div>
            </div>
        </div>
    </div>
</div>

Answer 1

好的，你可以轻松搞定幻灯片（这将返回第一个）：

$('.slide-data').html()

你应该使用等效的firebug来检查元素，然后找出有关活动的元素。通常有一个css类。让我们说它是.active，然后就会变成：

$('.slide-data.active').html()

修改比我想象的更复杂。我看了一下这个插件的网站，以及你必须知道当前幻灯片的唯一信息，就是剩下的位置是0px 你可以尝试这样的事情：

$('#slide-container div[u=slides]').(function(){ return $(this).css('left') == 0 }).html();

这将使所有子容器（div）包含u = slides属性并拥有左0px属性。

如何获取当前jssor幻灯片的HTML

1 个答案: