jQuery幻灯片完成后运行功能[重复]

Question

我有一个 jquery 幻灯片功能，我想在这个功能完成后运行另一个功能。

<script>
$('.button').click(function () {
$('#iframehide').toggle('slide');
});
</script>

在上面的幻灯片完成后，我想运行下一个函数：

$(".zelena-row").mThumbnailScroller("scrollTo", "left");

编辑： 解释一下：我做了一个菜单，每个“li”都调用了不同的 iframe，但我的 js 太差了，这给我带来了问题，而且你给我的代码不起作用......

这是整个代码：

<li><div id="iframehide"><iframe width="800" height="1000" frameBorder="0" name="iframe"></iframe></div></li>

<script>
$('.button').click(function () {
$('#iframehide').toggle('slide', function() {
    $(".zelena-row").mThumbnailScroller("scrollTo", "left");
});
});
</script>

<script>
$(".button").on("click", function() {
$(this).toggleClass("underline");
$(".button").not(this).removeClass("underline")
}); 
</script>


<script>
$("#search").on("click", function() {
$('[name="iframe"]')[0].src = "search_iframe.html"; 
});

$("#vstupne").on("click", function() {
$('[name="iframe"]')[0].src = "vstupne_iframe.html";    
});

$("#login").on("click", function() {
$('[name="iframe"]')[0].src = "login_iframe.html";
});

$("#newsletter").on("click", function() {
$('[name="iframe"]')[0].src = "newsletter_iframe.html";
});

$("#kalendar").on("click", function() {
$('[name="iframe"]')[0].src = "kalendar_iframe.html";
});

$("#eshop").on("click", function() {
$('[name="iframe"]')[0].src = "eshop_iframe.html";
});

$("#umelci").on("click", function() {
$('[name="iframe"]')[0].src = "umelci_iframe.html";
});

$("#video").on("click", function() {
$('[name="iframe"]')[0].src = "video_iframe.html";
});

$("#knihovna").on("click", function() {
$('[name="iframe"]')[0].src = "knihovna_iframe.html";
});

$("#kavarna").on("click", function() {
$('[name="iframe"]')[0].src = "kavarna_iframe.html";
});

$("#kontakt").on("click", function() {
$('[name="iframe"]')[0].src = "kontakt_iframe.html";
});

</script>

Answer 1

toggle() 有一个回调参数，在完成后运行。你会想这样使用它：

$('.button').click(function () {
    $('#iframehide').toggle('slide', function() {
        $(".zelena-row").mThumbnailScroller("scrollTo", "left");
    });
});