我有一个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>
答案 0 :(得分:1)
toggle()有一个回调参数,在完成后运行。您可能希望像这样使用它:
$('.button').click(function () {
$('#iframehide').toggle('slide', function() {
$(".zelena-row").mThumbnailScroller("scrollTo", "left");
});
});