-1

重複の可能性:
Jquery css show div?

わかりました、これは誰も答えられないように見える私の問題です。私は2つのjavascriptを使用しています。一度は私が持っているポップアップ用で、閉じたときに24時間閉じたままにするように指示します。もう 1 つは、ページのどこかにリンクを配置して、更新されるまでこのポップアップを表示し、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 を取り出す必要があると想定しているため、24 時間非表示にするように求められたときに非表示になり、更新するまで現在のページに表示する必要があるときに表示されますが、空白です何をすべきかについて。

4

4 に答える 4

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

最初に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

また、あなたのhtmlは正しくありません。また、cssを使用して要素を非表示にすることは、ページの読み込み時にjqueryで非表示にするよりも優れています

使用する

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

それ以外の

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