Javascript 完成jquery幻灯片后运行函数
我有一个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">
<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");
});
});