[英]How to create popup panel using JavaScript & CSS, no libraries?
我正在尝试创建带有圆角的屏幕上居中的弹出面板(不需要滚动条;使用jquery min)类似于以下内容:
到目前为止,我是:
function (package){
document.addEventListener('click', function(e)
{
getParent(e.target);
var node1 = $("#make_it_easy_styles");
var node2 = $("#make_it_easy_panel");
if ( node1.length ) node1.remove();
if ( node2.length ) node2.remove();
$("html > head").append("<style id=make_it_easy_styles>div#make_it_easy_panel { float:left; position: relative; left:10%; top:20%; border-radius: 2em; font-familly:'Arial Black'; font-size:13px; }</style>\n\r");
$("body").append("<div id=make_it_easy_panel></div>");
$('div#panel').append("<ul>");
var level = elements.length;
for (var level = elements.length;
level>1 ;
level--)
{
$('div#make_it_easy_panel ul').append("<li>" + elements.collection[level].tag + "</li>\r\n");
}
});
}
为什么看不到任何弹出窗口? 我正在调试器中对此进行测试,但未发现任何错误。 另外,当用户在div之外单击时,我想隐藏面板或将其删除。 怎么做?
$('div#panel').append("<ul>");
var level = elements.length;
for (var level = elements.length;
level>1 ;
level--)
{
$('div#make_it_easy_panel ul').append("<li>" + elements.collection[level].tag + "</li>\r\n");
}
});
我认为您必须更改$('div#panel').append("<ul>");
与$('div#make_it_easy_panel').append("<ul>")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.