javascript - jQuery show() 未按预期工作

Question

我不确定为什么这个 .show() 方法在 .click() 函数中不起作用？警报显示正确，但页面覆盖不正确。

html

<!-- page overlay for login -->
<span id="page-overlay"></span> 

<a href="#" id="clicker">settings</a>

js

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $("#page-overlay").show();
  });
});

CSS

#page-overlay {
    display: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #E0E0DF;
    opacity: 0.65; 
    z-index: 100;
}

这是一个fiddle

Answer 1

这是因为您在此使用的 JQuery 版本。请将代码中的 jQuery (edge) 更改为最新的 JQuery 版本 (jQuery 1.10.1)。