Jquery css 显示 div 链接不起作用？ [复制]

Question

可能重复：
Jquery css show div?

好的，这是我的问题，似乎没有人能回答。我有两个正在使用的javascript。一次是我的弹出窗口，并告诉它在关闭时保持关闭 24 小时。另一种是在页面上的某个位置放置一个链接以显示此弹出窗口，直到刷新并保持隐藏直到 cookie 过期。现在 div 弹出窗口设置为display:none。 cookie 告诉它在按下关闭按钮之前一直显示。无论我似乎在我的 javascript 中重新修改以暂时显示来自链接的弹出窗口，它都不会显示。 cookie javascript 将如何修改，因此必须在弹出 div 上删除 css:display:none。我不知道该怎么办。

这是当前代码：

• http://jsfiddle.net/Dv7DR/-
• http://pastebin.com/fHvv5spn

---

<script type="text/javascript"> 
$("#linkshow").click(function {
$("#window").show()
});        
</script>

<a href="#" id="linkshow">Submit a comment</a>
<div id="window">
...
<div>
<script type="text/javascript">
...cookie popup hide for 24hr on close
</script>

注意：我已经试过了：

$(document).ready(function() {
   $("#linkshow").click(function(e) {
      e.preventDefault();
      $("#window").show();
   });
}); 

还有……

$(document).ready(function() {
     $("#window").hide();

   $("#linkshow").live('click', function(e) {
      e.preventDefault();
      $("#window").show();
   });
}); ​

还有……

$(function() {
        $("#linkshow").click(function() {
            $("#window").show()
        });        
    });

还有……

<div id="window" style="display:none;">

到

<div id="window">

---

然后其他 24 小时 cookie javascript 不会隐藏弹出窗口。我假设我需要取出id="window" style="display:none; 以及代码底部的javascript cookie有多先进，因此当被要求隐藏24小时时它会隐藏，并在需要在当前页面上显示时显示，直到刷新但我我不知道该做什么。

Answer 1

$(document).ready(function() {
     $("#window").hide();

   $("#linkshow").live('click', function(e) {
      e.preventDefault();
      $("#window").show();
   });
}); ​

现场演示见此链接：http://jsfiddle.net/nanoquantumtech/wTmCL/

Answer 2

你应该先加载 jquery 库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Answer 3

如果你想做弹出窗口，你可以查看 jquery 对话框。上面的代码只会显示 div 而不会弹出它。

Jquery 对话框将弹出并确保您引用了 jquery ui。 http://jqueryui.com/demos/dialog/

Answer 4

您的 html 也不正确，而且，在页面加载时使用 css 隐藏元素比使用 jquery 隐藏要好

使用

<div id="window" style="display:none;">
...
</div>

而不是

<div id="window">
...
<div>