-1

可能重复：
Jquery css show div？

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

这是当前代码：

<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 和一些高级的 javascript cookie，因此当被要求隐藏 24 小时时它将隐藏，并在需要在当前页面上显示时显示，直到刷新但我处于空白关于做什么。

4

4 回答 4

0

您应该首先加载 jquery 库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
于 2012-05-21T14:00:19.827 回答
0 
$(document).ready(function() {
     $("#window").hide();

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

对于现场演示，请参阅此链接：http: //jsfiddle.net/nanoquantumtech/wTmCL/

于 2012-05-21T13:59:28.440 回答
0

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

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

于 2012-05-21T14:03:25.427 回答
0

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

利用

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

代替

<div id="window">
...
<div>
于 2012-05-21T14:07:13.840 回答