十九、弹出框文字带超链接

原因:弹出提示框,让用户先登录,才可以进行被保护的操作,想要提示框中的文档带超链接;
过程:
alert:实现不了,文字会原样展示
自定义alert:就想实现一个简单的功能,不想写太多代码
jquery ui dialog:简单,div中支持复杂的样式展示
html:

<div id="alertlogin" title="请先登陆">
    <p><a href='/login?next={{ url_escape(request.uri) }}'>登陆</a>后,修改的数据才会保存</p>
</div>

js:

#先隐藏掉
$('#alertlogin').hide();
#ajax请求
$.ajax({
                async: false,
                type: "get",
                url: "/updateissue",
                data: {
                    'id': 1, 
                },
                success: function(data) {
                    if (data['messge'] == "success") {
                        alert("编辑成功");
                    } else {
                    #弹出提示框
                        $("#alertlogin").dialog();
                    }
                    return false;
                },
                error: function() {
                    alert("Error");
                },
                complete: function() {

                }

            });

引用文章:jQuery UI 实例 - 对话框(Dialog)
http://www.runoob.com/jqueryui/example-dialog.html

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值