完成jquery幻灯片后运行函数

时间:2014-11-25 17:04:11

标签: javascript jquery function slide

我有一个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>

1 个答案:

答案 0 :(得分:1)

toggle()有一个回调参数,在完成后运行。您可能希望像这样使用它:

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