Question

有没有办法引用调用slides()的元素？

示例代码：

$('#my_slideshow').slides({
  animationStart: function() {
    <reference_to_myslideshow>.something();
  }
});

使用$(this)返回创建的幻灯片对象，即：

[
Object
animationComplete: function (current) {
animationStart: function () {
autoHeight: false
autoHeightSpeed: 350
bigTarget: false
container: "slides_container"
crossfade: "true"
currentClass: "current"
effect: "fade"
fadeEasing: ""
fadeSpeed: 350
generateNextPrev: false
generatePagination: true
hoverPause: false
next: "next"
pagination: true
paginationClass: "pagination"
pause: 0
play: 7200
preload: false
preloadImage: "/img/loading.gif"
prependPagination: false
prev: "prev"
randomize: false
slideEasing: ""
slideSpeed: 350
slidesLoaded: function (){}
start: 1
__proto__: Object
]

而不是实际的$('#my_slideshow')对象，我似乎无法获得引用。

Answer 1

我想

$(this).something();

你可以在小搜索中找到这些问题的答案

Answer 2

是的，使用$(this)作为jQuery对象，或this作为普通DOM节点：

$('#my_slideshow').slides({
    animationStart: function() {
        var callingElement = $(this), // jQuery object,
            callingElementDOMNode = this; // DOM node
            // hence:
        $(this).something();
        }
    });

此外，作为附录，请注意我已在初始括号中关闭选择器的字符串。

获取对调用slides（）的元素的引用

2 个答案: