十九、彈出框文字帶超鏈接

原因:彈出提示框,讓用戶先登錄,纔可以進行被保護的操作,想要提示框中的文檔帶超鏈接;
過程:
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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章