0
此问题已被多次询问,但是没有一个答案似乎适用于我。 我想股利是显示当点击该链接 上,然后点击它之外,DIV隐藏显示div一旦点击就隐藏点击外部
HTML:
<a href="#" id='link'>Click here to show div</a>
JS:
$('#link').click(function(e) {
$('div.termifier').remove();
$('<div>').addClass('termifier').css({
position: 'absolute',
top: event.pageY ,
left: event.pageX ,
display: 'none'
}).appendTo('body')
.append(
$('<div>').html("termifier")
);
$('div.termifier').fadeIn('slow');
});
$('html').click(function() {
$('div.termifier').fadeOut();
});
$('div.termifier').click(function(e){
e.stopPropagation();
});
CSS
div.termifier {
background-color: cornsilk;
width: 256px;
color: brown;
padding: 8px;
font-size: 0.8em;
}
仍然不能正常工作 – naser
@naser什么是不工作....? – Anton
当我点击链接,div不显示 – naser