jq回调函数、jq一个函数执行完毕后再执行另一个函数 - small-match - 博客园 (cnblogs.com)

jq回调函数第一版

复制代码

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <div class="div" style="width: 200px;height: 200px;background: red;"></div>

        <script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>

        <script>

            $(".div").on('click',function(){

                auto(a);//参数就是个回调函数

            });

            /*点击之后调用的函数*/

            function  auto(callback){

                alert('1')

                callback&&callback();

            }

            /*回调函数*/

            function a(){

                alert('我是点击之后的回调函数')

            }

        </script>

    </body>

</html>

复制代码

jq回调函数第二版

复制代码

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style>

            .div {

                width: 100px;

                height: 100px;

                background-color: red;

            }

        </style>

    </head>

    <body>

        <div class="div"></div>

        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

        <script type="text/javascript">

            $(".div").on('click', function() {

                a(b);

            })

            function a(callBack) {

                $(".div").css('background', 'yellow')

                /*重点 定时器加以区分*/

                setTimeout(function() {

                    callBack && callBack();

                }, 1000);

            }

            function b() {

                $(".div").css('background', 'green')

            }

        </script>

    </body>

</html>

复制代码

jq一个函数执行完毕后再执行另一个函数利用返回值

复制代码

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style>

            .div {

                width: 100px;

                height: 100px;

                background-color: red;

            }

        </style>

    </head>

    <body>

        <div class="div"></div>

        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

        <script type="text/javascript">

            var  off=false;

            $(".div").on('click', function() {

                console.log('a函数执行之前'+off+'')

                a();

                console.log('a函数执行完毕'+off+'')

                if(off){

                    console.log('a函数执行完毕执行b函数'+off+'')

                    b();

                }

            })

            function a() {

                $(".div").css('background', 'yellow')

                off=true;

            }

            function b() {

                $(".div").css('background', 'green')

            }

        </script>

    </body>

</html>

　　

jq回调函数、jq一个函数执行完毕后再执行另一个函数的更多相关文章

  1. C# 本进程执行完毕后再执行下一线程

    最近做了一套MES集成系统,由上料到成品使自动化运行,其中生产过程是逐步的,但是每一个动作都需要独立的线程进行数据监听,那么就需要实现线程等待. 代码: using System; using Sys ...

  2. Java主线程在子线程执行完毕后再执行

    一.join() Thread中的join()方法就是同步,它使得线程之间由并行执行变为串行执行. public class MyJoinTest { public static void main( ...

  3. 用一个bat文件调用另外两个bat文件,当1.bat执行完后再执行2.bat

    用一个bat文件调用另外两个bat文件,当1.bat执行完后再执行2.bat 摘自:https://zhidao.baidu.com/question/492732911.html @echo off ...

  4. JAVA设计方法思考之如何实现一个方法执行完毕后自动执行下一个方法

    今天编程时,突然想起来在一些异步操作或Android原生库的时候,需要我们实现一些方法, 这些方法只需要我们具体实现,然后他们会在适当的时候,自动被调用! 例如AsyncTask,执行玩doInBac ...

  5. vue在一个方法执行完后再执行另一个方法

    vue在一个方法执行完后执行另一个方法 用Promise来实现.Promise是ES6的新特性,用于处理异步操作逻辑,用过给Promise添加then和catch函数,处理成功和失败的情况 ES7中新 ...

  6. ajax请求执行完成后再执行其他操作（jQuery.page.js插件使用为例）

    就我们做知,ajax强大之处在于它的异步请求,但是有时候我们需要ajax执行彻底完成之后再执行其他函数或操作 这个时候往往我们用到ajax的回调函数,但是假如你不想或者不能把接下来的操作写在回调函数中 ...

  7. iOS AFNetWorking中block执行完后再执行其它操作

    需求:同时进行两次网络请求,网络请求是异步的,在网络请求成功后进行其它的操作.两个网络请求是这样,一个网络请求中block执行完之后,再进行其它操作,也是一样的原理,只是这时候不需要线程组了,只需要信 ...

  8. ES6(Promise)等一个函数执行完后再执行另一个函数

    function text1(){ return new Promise((resolve, reject) => { setTimeout(function () { resolve(cons ...

  9. C++ //拷贝构造函数调用时机//1.使用一个已经创建完毕的对象来初始化一个新对象 //2.值传递的方式给函数参数传值 //3.值方式返回局部对象

    1 //拷贝构造函数调用时机 2 3 4 #include <iostream> 5 using namespace std; 6 7 //1.使用一个已经创建完毕的对象来初始化一个新对象 ...

  10. angularjs中如何在异步请求执行完以后再执行其他函数？

    angularjs中如何在异步请求执行完以后再执行其他函数? 之前脑袋回路就是从上到下的执行js,直到有一次我的页面上已经显示了空才走到angularjs里的$http的成功回调函数里,然后才开始正视 ...

随机推荐

  1. Let’s Encrypt & Certbot 浅谈

    前言 当我们想给网站启用HTTPS, 通常需要从证书颁发机构购买证书, 并配置到现有的HTTP服务上来实现HTTPS. 这里暗藏的痛点是: 我们需要花钱(买证书) 证书颁发机构(质量参差不齐, 不一定 ...

  2. 头晕的android SDK Manager and 找不到真机

    这张图很完美!可是出问题就头晕了. 问题场景:执行Andriod.bat出现下面界面后,然后跳出Andriod SDK的界面: android SDK Manager的界面就孤零零的几条记录挂在那里. ...

  3. 如何在 Vim 里直接完成 Git 操作？

    Vim 是 Linux 下一款很常用的文本编辑器,虽然它对初学者而言并不友好,但通过一些插件的配合,它可以被打造成一款很强大的 IDE .良许曾经介绍过三款很常用的插件,可点击以下链接查看: Vim ...

  4. Docker安装及使用，Docker 安装MySQL、安装Tomcat、安装RabbitMQ

    CentOS7安装Docker Docker从1.13版本之后采用时间线的方式作为版本号,分为社区版CE和企业版EE. 社区版是免费提供给个人开发者和小型团体使用的,企业版会提供额外的收费服务,比如经 ...

  5. 关于wireshark抓包工具抓取登录数据的一点心得

    研究这个软件很久了,一直处于门外汉状态,今天终于用它抓到点有用的东西,做个简单的笔记吧,后面再继续完善. 最近研究跨域自动登录时一直不太顺利,今天就仿照网上前辈们的方法,用wireshark先抓一下手 ...

  6. AXUI - 极致原生体验的零依赖的国产 Web UI 框架，欢迎体验和共建！

    AXUI:专注于快速交付的国产 Web UI 框架 在日常的前端开发中,是否遇到过以下场景: 灵感乍现,希望快速通过一点代码实现原型或功能展示: 完全个人项目,开发方式自由,追求高效与便捷: 项目目标 ...

  7. 基于 OT-JSON 与 Immer 设计低代码/富文本场景的状态管理方案

    在复杂应用中,例如低代码.富文本编辑器的场景下,数据结构的设计就显得非常重要,这种情况下的状态管理并非是redux.mobx等通用解决方案,而是需要针对具体场景进行定制化设计,那么在这里我们来尝试基于 ...

  8. 60个 Linux C/C++ 实战小项目，挑战年薪30万+

    大家好啊!我是小康. 最近公众号后台收到好多小伙伴的私信: "小康哥,我已经把<C++ Primer>啃完了,Linux 环境也玩得差不多了,但就是不知道该做啥项目练手...&q ...

  9. 那些神奇的CSS特性，你都有用过么？

    @charset "UTF-8"; .markdown-body { line-height: 1.75; font-weight: 400; font-size: 15px; o ...

  10. Web前端入门第 53 问：JavaScript 的各种调试方法

    任何一门编程语言,在学习之前都应该先弄清楚它的调试方法,毕竟没有不挖坑的人类! 程序一旦出现问题,第一时间就是找到问题出在哪儿,其次才是拿出解决办法.如果都找不到问题原因,那又何从谈起解决办法呢? 如 ...