Question

编写了一个网站导览

<button id="yui-galleryintrotourui-buttontourend-id" class="yui-galleryintrotourui-card-next yui3-button notice" data-seqid="end"> … </button>

这就是我目前正在尝试检查jQuery函数introTour是否已完成，tour_cards示例在website上可用。

$().introTour(tour_cards, function(){
    alert("Finished");
});

我已经尝试使用.live('click', function(){});事件来获取点击事件yui-galleryintrotourui-buttontourend-id，但它没有做任何事情（我想，这是因为，必须在将元素添加到DOM本身之前添加这些事件。）

Answer 1

因为closeIntro（）有效地做到了这一点......

$(".yui-galleryintrotourui-card").css("display","none");

您可以主动调查.yui-galleryintrotourui-card的可见性，如此...

var isTourOver = setInterval(function(){


    if($('.yui-galleryintrotourui-card:visible').length == 0){

        // The Tour is over!
        clearInterval(isTourOver);
    }

}, 100);

Answer 2

我刚刚添加了两个您可以订阅的活动 https://github.com/nbprithv/introtour-ui#events

我希望这会有所帮助。

这可以在jQuery插件上找到。我很快就会更新YUI插件。

感谢您查看我的作品。

功能演练，检测.introTour何时完成

2 个答案: