2012-05-21 37 views
-1

可能重复:
Jquery css show div?jquery css显示div链接不工作?

确定这是我的问题,没有一个似乎可以回答。我有两个使用的JavaScript。我有一次弹出,并告诉它在关闭时保持关闭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(); 
    }); 
}); 

和...

​​

和...

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

和...

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

<div id="window"> 

然后另一个24小时cookie javascript不会保持弹出窗口隐藏。我假设我需要取出id="window" style="display:none;以及一些javascript代码底部的代码如何提高,因此当被要求隐藏24小时并显示需要在当前页面上显示直到刷新时会隐藏,但我在空白做什么。

+0

你的代码是更好的隐藏元素在[THIS DEMO]上工作正常(http://jsfiddle.net/joycse06/35bEm/) –

回答

1

应先加载jQuery库:

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

认为这是显而易见的,我用这个代码的所有代码 – Computerguy

0

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

jquery对话框将做弹出窗口,并确保你所指的jquery ui。http://jqueryui.com/demos/dialog/

+0

对不起,这完全没有帮助,因为我有一个单独的JavaScript,告诉弹出窗口保持关闭24小时 – Computerguy

+0

我只看整个代码,因为你有显示:无;你需要将它重新设置为内联或者某些。 Show()不会为你做。也许试试这个.css('display','block!important') – ZERO

+0

没有抱歉,我的cookie将不得不重做。没有什么是workin – Computerguy

0

也是你的HTML是不正确的,也是使用CSS是比jQuery的隐藏在使用时,而不是网页的加载

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

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

然后我在哪里但隐藏在JavaScript Cookie – Computerguy

+0

@ Zach雷诺兹,请检查您的代码,做你看到任何javascript错误,请使用萤火虫测试它 –

+0

不,我不这样做,我想我永远不会得到这个解决方案 – Computerguy