这是我的 JSfiddle sample 供您引用。
HTML:
<a href='' class="photoclick"><h2><b>Click Here to See Popup! </b></h2></a> <br/>
<div class="popup">
<div class="content">
<img src="http://www.ge.com/ar2012/img/close-button-large.png" alt="quit" class="closephoto" id="closephoto" style="width:25px; height:25px"/>
<p>
Welcome Welcome Welcome Welcome Welcome Welcome Welcome
</p>
</div>
</div>
JS:
$(function(){
var overlay = $('<div id="photooverlay"></div>');
$('.closephoto').click(function () {
$('.popup').hide();
overlay.appendTo(document.body).remove();
return false;
});
$('.photoclick').click(function () {
overlay.show();
overlay.appendTo(document.body);
$('.popup').show();
return false;
});
});
我尝试在浏览器上运行,我看到的只是灰色背景,没有别的。 请检查我的 jsfiddle 并告诉我问题是什么
编辑:我的母版页有
<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
我仍然只能看到灰色背景
Edit2:我在我的 asp 内容页面之一上有这个。我的母版页有
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
我仍然只看到灰色背景
最佳答案
您错过了在代码之前有一个 jQuery 库,并且您没有在 fiddle 本身中导入或添加 jQuery 库。
$(function(){});
在调用之前,您需要包含 jQuery。
看看这个 fiddle .
关于javascript - HTML 的简单 Javascript 和 CSS 弹出窗口不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23653191/