Javascript 完成jquery幻灯片后运行函数

Javascript 完成jquery幻灯片后运行函数,javascript,jquery,function,slide,Javascript,Jquery,Function,Slide,我有一个jquery幻灯片函数,我想在这个函数完成后运行另一个函数 <script> $('.button').click(function () { $('#iframehide').toggle('slide'); }); </script> 编辑: 解释:我制作了一个菜单,每个“li”都调用不同的iframe,但我太不擅长js了,它给我带来了问题,而且你给我的代码不起作用 以下是全部代码: <li><div id="iframehide">

我有一个jquery幻灯片函数,我想在这个函数完成后运行另一个函数

<script>
$('.button').click(function () {
$('#iframehide').toggle('slide');
});
</script>
编辑: 解释:我制作了一个菜单,每个“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>
  • $('.button')。单击(函数(){ $('#iframehide')。切换('slide',function(){ $(“.zelena行”).mThumbnailScroller(“scrollTo”,“left”); }); }); $(“.button”)。在(“单击”,函数(){ $(this.toggleClass(“下划线”); $(“.button”).not(this).removeClass(“下划线”) }); $(“#搜索”)。在(“单击”,函数()上){ $('[name=“iframe”][0].src=“search_iframe.html”; }); $(“#vstupne”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“vstupne\u iframe.html”; }); $(“#登录”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“login\u iframe.html”; }); $(“#时事通讯”)。在(“单击”,功能(){ $('[name=“iframe”][0].src=“newsletter\u iframe.html”; }); $(#kalendar”)。在(“单击”,函数()上{ $('[name=“iframe”][0].src=“kalendar_iframe.html”; }); $(“#eshop”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“eshop_iframe.html”; }); $(“#umelci”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“umelci_iframe.html”; }); $(“#视频”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“video_iframe.html”; }); $(“#knihovna”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“knihovna_iframe.html”; }); $(#kavarna”)。在(“单击”,函数()上{ $('[name=“iframe”][0].src=“kavarna_iframe.html”; }); $(“#kontakt”)。在(“单击”,函数(){ $('[name=“iframe”][0].src=“kontakt_iframe.html”; });
    有一个回调参数,该参数在完成后运行。您可能希望这样使用它:

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

    不工作,正如我在编辑中提到的。。。不知道如何修复它。@user2295265,发生了什么事?您的javascript控制台中是否有任何错误?当您向右滚动,然后点击其中一个菜单按钮时,wesite的右侧(这些框)会崩溃。。。我不知道为什么,我正在离线建立网站,所以唯一的方法就是发布我的文件:(open mg_web.html)
    $('.button').click(function () {
        $('#iframehide').toggle('slide', function() {
            $(".zelena-row").mThumbnailScroller("scrollTo", "left");
        });
    });