<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>layui</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内">
<meta name="description" content="网站描述,字数尽量空制在80个汉字,160个字符以内!">
<link rel="Bookmark" href="favicon.ico" >
<link rel="Shortcut Icon" href="favicon.ico" />
<link href="../css/cui.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#popup-page{display:none}
</style>
</head>
<body>
<div id="popup" >弹出</div>
<div id="popup-page" >1213123</div>
<script type="text/javascript" src="http://www.tiexinbaoxian.com/templets/default/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://www.tiexinbaoxian.com/templets/default/js/layer/layer.js"></script>
<script type="text/javascript">
/*调用选择绑定点击事件种类*/
window.onload = function() {
var popupID = document.getElementById("popup");
EventUtil.addEventHandler(popupID, "click", PopupFunction);
}
/*弹出层*/
function handleOnblur(div) {
layer.open({
type: 1,
title:'选择举报原因',
skin: 'layui-layer-rim', //加上边框
area: ['350px', '250px'], //宽高
content: $('#popup-page'),
btn: ['确认', '取消'],
yes: function(){ //或者使用btn1
layer.closeAll();
}
})
}
/*调用弹出层方法*/
var PopupFunction = function(popupid){
handleOnblur(popupid);
}
/*选择绑定点击事件种类*/
var EventUtil = new Object;
EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener(sEventType, fnHandler, false);
} else if (oTarget.attachEvent) {
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {
oTarget["on" + sEventType] = fnHandler;
}
};
</script>
</body>
</html>
$(function(){
var handleOnblur = function (div) {
layer.open({
type: 1,
title:'选择举报原因',
skin: 'layui-layer-rim', //加上边框
area: ['350px', '250px'], //宽高
content: $('#popup-page'),
btn: ['确认', '取消'],
yes: function(){ //或者使用btn1
layer.closeAll();
}
});
};
$('#popup').on('click', function(){
handleOnblur(this);
});
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。