然后来回答你的问题,你的问题无非是想知道 DIV 的状态,是收起的还是展开的。那么只需要在完成 slideUp 之后赋予它一个状态标记就好。在 jQuery 中,赋予状态标记的办法很多,常见方法有3个
成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的魏县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
使用 $("#flip").data()
使用 $("#flip").attr()
使用 $("#flip").addClass() 设置和 $("#flip").is(".yourClassName") 判断
第3个通常在需要配合 CSS 设置样式时使用。
然后看文档,slideUp 的两种调用方式都提供了 complete 回调,所以可以在回调中设置状态。
$("#flip").slideUp("fast", function() {
$("#flip").addClass("up");
});
然后你的 click 事件可以写成
$("#stop").on("click", function() {
var $flip = $("#flip");
if ($flip.is(".up")) {
$flip.slideDown("fast", function() {
$flip.removeClass("up");
});
} else {
$flip.slideUp("fast", function() {
$flip.addClass("up");
});
}
});
当然也不可以不用 complete 回调,直接在开始之前就设置好
$("#stop").on("click", function() {
var $flip = $("#flip");
if ($flip.is(".up")) {
$flip.removeClass("up");
$flip.slideDown("fast");
} else {
$flip.addClass("up");
$flip.slideUp("fast");
}
});
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
你的代码实际上已经执行了ui.alert方法了。
但是下面的的跳转相当于重新加载了页面。所以你的弹出就看不到了。你可以弹出一个确认框,然后将页面跳转绑定到确认框的某个按钮上。
有两个函数function f1(){},function f2(){};想要f1里的代码都走完再执行f2
1、如果f1中没有异步操作,像是没有setTimeout,直接f1()f2()就可以,可以按照顺序执行
2、如果f1中有像setTimeout的异步操作,(额,照理说setTimeout也不算是异步操作,反正就是有时间延迟的),使用1中的方式,在f1没有执行完就会执行f2中的代码,这时候就需要有一个判断。根据实际情况吧,我遇到的是,先要执行完ul li里的点击事件才能再执行f2,也就是在f1中调用f2