학습$.messager.show의 간단한 사용

1852 단어 easyui.messager.show
 、 !
function showBySite(event) {
    
    var element = document.elementFromPoint(event.x, event.y);// 
    $.messager.showBySite({
        title: 'My Title',
        msg: 'Message.',
        showType: 'show'
    }, {
        top: $(element).position().top + $(element).height(),// $.messager.show top 
        left: $(element).position().left,// $.messager.show left 
        bottom: ""
    });
}
/**
 *  $.messager.show
 * options $.messager.show options
 * param = {left,top,right,bottom}
 */
$.extend($.messager, {
    showBySite: function (options, param) {
        var site = $.extend({
            left: "",
            top: "",
            right: 0,
            bottom: -document.body.scrollTop
                    - document.documentElement.scrollTop
        }, param || {});
        var win = $("body > div .messager-body");
        if (win.length <= 0)
            $.messager.show(options);
        win = $("body > div .messager-body");
        win.window("window").css({
            left: site.left,
            top: site.top,
            right: site.right,
            zIndex: $.fn.window.defaults.zIndex++,
            bottom: site.bottom
        });
    }
});

2. 페이지의 오른쪽 아래 구석에 있는 팝업 상자.
$.messager.show({
                        title: " ",
                        msg: " :<br/><span style=\"color:red;\">" + newstitle + "</span>",
                        showType: 'slide',
                        width: 300,
                        height: 150,
                        timeout: 2000
                    });

주해
: 웹 페이지의 프레임 (iframe) 에 있으면, 팝업 프레임도 iframe의 오른쪽 아래에 있습니다!

좋은 웹페이지 즐겨찾기