Question

可能重复：
Jquery css show div?

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

这是当前的代码：

<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

你应该首先加载jquery库：

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

Answer 2

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

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

直播演示，请参阅此链接：http://jsfiddle.net/nanoquantumtech/wTmCL/

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>

Jquery css显示div链接不起作用？

4 个答案: