php - click点击请求$.ajax,怎么让他请求一次,关闭后才能再次请求
伊谢尔伦
伊谢尔伦 2017-04-10 14:41:48
[PHP讨论组]

仿的是花瓣登录效果,他默认HTML是这样的


点击登录,会在#page里面加上登录框,

登录花瓣

使用合作网站帐号登录

未注册过花瓣也可以直接登录哦

使用注册邮箱登录

登录忘记了密码?哦,又想起来了!

点击关闭后,会删除这个登录框。而且出来的时候是向下拉,关闭的时候是向上收,我把上面代码放在/include/pop-login.php里面

 onclick="app.showSheet('login', {modal: true});return false;"

他这样的方式怎么写

$('.login').on('click',function(){
    $.ajax({
        async: false,
        url: "/include/pop-login.php",
        cache: false,
        success: function(html){
            $("#page").append(html);
        }
    });
});
$('#sheet_login .close').live('click',function(){
    $('.sheet-overlay').remove();
    $('#sheet').remove();
});
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(4)
阿神

大概这种感觉?

function on_click_login(){
    $.ajax({
        async: false,
        url: "/include/pop-login.php",
        cache: false,
        success: function(html){
            $("#page").append(html);
        },
        error: function(){
            $('.login').one('click',on_click_login);
        }
    });
}

$('.login').one('click',on_click_login);
$('#page').on('click','#sheet_login .close',function(){
    $('.sheet-overlay').remove();
    $('#sheet').remove();
    $('.login').one('click',on_click_login);
});

PS,因为不喜欢live所以随手改掉了……

ringa_lee

也碰到过楼主的这样的问题,那个时候也没有什么好方法解决。当时用了一个很丑陋的方法解决掉的。
当时在页面上写了一个隐藏变量,每次ajax触发之前,都清零,ajax执行成功之后,延迟100ms,才给他赋值,然后每次按键的时候,都预先判断这个隐藏变量是否有值。

天蓬老师
var popLogin = {
    isLock: false,
    init: function() {
        if (popLogin.isLock) {
            //TODO...
            return false;
        }
        $.ajax({
            url: "/include/pop-login.php",
            cache: false,
            success: function(html){
                $("#page").append(html);
            },
            complete: function() {
                popLogin.isLock = false;
            }
        });
    }
};

$('.login').on('click', popLogin.init());
巴扎黑

难道不是在click时disable掉按钮,然后在ajax结束的时候enable吗……

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号