학습$.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의 오른쪽 아래에 있습니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
EasyUI 생성 트리, 탭 열기 클릭텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.