Fatal编程技术网
  • javascript/
  • Javascript 需要cookies代码帮助（html、css、js）

Javascript 需要cookies代码帮助（html、css、js）

javascript jquery html css

Javascript 需要cookies代码帮助（html、css、js）,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我为这个剧本发疯了。它不起作用了。谁能给我一个修理它的窍门吗 我的代码： 在my html中的标记内： HTML代码： <div class="cookie-message"> <p class="cookie-content">This website uses cookies. By Browsing this website you acconsent to the use of cookies. </p> <p class="co

我为这个剧本发疯了。它不起作用了。谁能给我一个修理它的窍门吗

我的代码： 在my html中的标记内：

HTML代码：

<div class="cookie-message">
    <p class="cookie-content">This website uses cookies. By Browsing this website you acconsent to the use of cookies. </p>
    <p class="cookie-content"><button class="button">OK</button> &nbsp; <a href="http://here-goes-my-cookie-page.com">Read more about cookies</a></p>   
</div>
我的javascript如下所示： 代码：


$（'.cookie头'）。单击（函数（）{
$（'.cookie内容'）.slideToggle（'fast'）；
$（'.cookie内容按钮'）。单击（函数（）{
$（'.cookie content'）.slideUp（'fast'）；
});
});
事实上，我对JavaScript完全陌生，所以我复制了它并将其插入到
标记之前，显然它不起作用

有人能帮我吗？我需要在按下“确定”按钮时关闭消息

您需要将jQuery函数包装为文档就绪：

$(document).ready(function(){
    $('.cookie-header').click(function() {
        $('.cookie-content').slideToggle('fast');
          $('.cookie-content button').click(function() {
                $('.cookie-content').slideUp('fast');
          });
    });
});
您需要将jQuery函数包装为文档就绪：

$(document).ready(function(){
    $('.cookie-header').click(function() {
        $('.cookie-content').slideToggle('fast');
          $('.cookie-content button').click(function() {
                $('.cookie-content').slideUp('fast');
          });
    });
});
HTML和JQuery选择器中的类名不匹配

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<!-- Stuff -->
    $(document).ready(function(){
        $('.cookie-message').click(function() {
            $('.cookie-content').slideToggle('fast');
              $('.cookie-content button').click(function() {
                    $('.cookie-content').slideUp('fast');
              });
        });
    });
</body>


$（文档）.ready（函数（）{
$（'.cookie消息'）。单击（函数（）{
$（'.cookie内容'）.slideToggle（'fast'）；
$（'.cookie内容按钮'）。单击（函数（）{
$（'.cookie content'）.slideUp（'fast'）；
});
});
});
我相信这就是您要寻找的

您在HTML和JQuery选择器中的类名不匹配

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<!-- Stuff -->
    $(document).ready(function(){
        $('.cookie-message').click(function() {
            $('.cookie-content').slideToggle('fast');
              $('.cookie-content button').click(function() {
                    $('.cookie-content').slideUp('fast');
              });
        });
    });
</body>


$（文档）.ready（函数（）{
$（'.cookie消息'）。单击（函数（）{
$（'.cookie内容'）.slideToggle（'fast'）；
$（'.cookie内容按钮'）。单击（函数（）{
$（'.cookie content'）.slideUp（'fast'）；
});
});
});
我相信这就是你要寻找的

关于你的代码，还有一点很重要，那就是你没有设置cookie变量，用户每次连接到你的网站时都必须选择ok

这是我用于所有项目的一段代码

$('#cookie_stop').on('click', function(){//#cookie stop is the Id of the button that closes the disclaimer
    $('#cookie_disclaimer').slideUp(); //#cookie_disclaimer is the Id of the cookie disclaimer container

   //here i set the cookie variable "disclaimer" to true so i can check if the user 
       var nDays = 999; 
       var cookieName = "disclaimer";
       var cookieValue = "true";

       var today = new Date();
       var expire = new Date();
       expire.setTime(today.getTime() + 3600000*24*nDays);
       document.cookie = cookieName+"="+escape(cookieValue)+";expires="+expire.toGMTString()+";path=/";
  //done with the cookie
 });
因此，在我编写cookie免责声明部分的HTML中，有如下内容（Php示例）

关于您的代码，还有一点很重要，那就是您没有设置cookie变量，用户每次连接到您的网站时都必须选择ok

这是我用于所有项目的一段代码

$('#cookie_stop').on('click', function(){//#cookie stop is the Id of the button that closes the disclaimer
    $('#cookie_disclaimer').slideUp(); //#cookie_disclaimer is the Id of the cookie disclaimer container

   //here i set the cookie variable "disclaimer" to true so i can check if the user 
       var nDays = 999; 
       var cookieName = "disclaimer";
       var cookieValue = "true";

       var today = new Date();
       var expire = new Date();
       expire.setTime(today.getTime() + 3600000*24*nDays);
       document.cookie = cookieName+"="+escape(cookieValue)+";expires="+expire.toGMTString()+";path=/";
  //done with the cookie
 });
因此，在我编写cookie免责声明部分的HTML中，有如下内容（Php示例）
已尝试使用
文档。准备好了吗
？-已尝试使用
文档。准备好了吗这可能是正确的。您正在使用的代码将尽快查找带有类.cookie消息的元素-可能在任何.cookie消息元素存在之前。通过添加documentready块，代码将等待文档加载完成，然后开始工作。很好地抓住了不匹配的类！我按照@SeeSharp的建议更正了我的代码，但现在我看不到任何消息。。。在小提琴中，我可以看到对话框并没有消失，只是隐藏了。。。我想让它消失…@arcsn有没有可能张贴小提琴？与您已经拥有一个cookie集，因此消息没有显示这一事实无关吗？你也在HTML文档的某个地方引用JQuery库，对吗？我检查了我的HTML，我有一个用于google analytics和IE9的js代码…我应该订阅fiddle站点吗？（我是新来的…）不，只需前往并在相关框中输入您的HTML、CSS和JS。按顶部的“保存”，然后将URL复制并粘贴回此处共享。这可能是正确的。您正在使用的代码将尽快查找带有类.cookie消息的元素-可能在任何.cookie消息元素存在之前。通过添加documentready块，代码将等待文档加载完成，然后开始工作。很好地抓住了不匹配的类！我按照@SeeSharp的建议更正了我的代码，但现在我看不到任何消息。。。在小提琴中，我可以看到对话框并没有消失，只是隐藏了。。。我想让它消失…@arcsn有没有可能张贴小提琴？与您已经拥有一个cookie集，因此消息没有显示这一事实无关吗？你也在HTML文档的某个地方引用JQuery库，对吗？我检查了我的HTML，我有一个用于google analytics和IE9的js代码…我应该订阅fiddle站点吗？（我是新来的…）不，只需前往并在相关框中输入您的HTML、CSS和JS。按顶部的“保存”，然后将URL复制并粘贴回此处共享。嗨，我刚刚在我的小提琴中使用了你的代码。。。它不起作用了。。。也许我做错了什么。。。（我对java完全陌生…）您必须根据您的代码更改jquery选择器！因此，在您的情况下，它应该是
$（.button）。在（'click'，function（）{
上，这部分代码的意思是：当类为“button”的元素被单击时，执行以下操作。（当您单击按钮时，关闭免责声明）。然后
$（'cookie message'）。slideUp（）；
如果你链接了JSFIDLE，我会编辑它，这样你就可以看到它的运行！如果可能的话，我想在点击“ok”按钮后发出一条“DISSHEEPT”消息……现在它仍然停留在那里，只是最小化了，但仍然停留在那里（并使我的设计“丑陋”）。我说的是@SeeSharp version。看看这个更新的提琴。请注意，要让cookie免责声明在用户点击ok后永远消失，您需要使用cookies！在主要答案中有一个php示例，但您可以使用任何您想要的东西，比如asp，甚至javascript，我想这看起来很完美。一个问题：应该吗我为js脚本创建了一个单独的js文件，或者将其包含到我的html页面中？（我想要快速加载，我想最好是单独加载）。我应该在我的标签中留下（或删除）一个jquery.min.js脚本吗？嗨，我只是在我的提琴中使用了你的代码…但它不起作用…也许我做错了什么…（我完成了）