用于在网站中接受 cookie 的警告框

Question

我想知道如何将 .js 代码放在一个按钮中，该按钮位于 bootstrap 警告中，当用户单击接受时，警告框将不会再次出现。

非常感谢。

这是我拥有的代码，但不起作用。

JS:

 $(".btn_cerrar").on({
     click: function(){
      location.reload(
      $(".pb-element-alert").hidden();
        });  
    });

<div id="modal">
<p style="text-align: center;">Este sitio web emplea cookies para ofrecerle un servicio más</p>
<p> personalizado.</p>
<p style="text-align: center;">Si continúa navegando entenderemos que acepta nuestra</p>
<p style="text-align: center;"><a title="Politicas" href="images/eventos/POLITICA_DE_TRATAMIENTOS_DE_DATOS.pdf" target="_blank"><strong>Políticas de tratamiento de la información</strong></a> de nuestro sitio web.</p>
<button class=" btn_cerrar btn pull-right btn-success" type="button" data-dismiss="alert"> Aceptar</button></div>

HTML:

`

本网站使用 cookie 为您提供更多

自定义。

如果您继续浏览，我们将理解您接受我们的

我们网站的信息处理政策。

好的 `

Answer 1

我不确定您所说的警报到底是什么，因为它没有显示在您的 html 中。

脚本的正确语法应该是：

$(".btn_cerrar").on('click', function(){
    // Do what you want.
});

现在，如果你想隐藏的元素可以从你在问题中提到的选择器 $(".pb-element-alert") 中选择，那么你可以使用这个：

$(".pb-element-alert").hide();

所有这些加起来就是：

$(".btn_cerrar").on('click', function(){
    $(".pb-element-alert").hide();
});

更新

$( document ).ready(function() {
    bool isBtnClicked = sessionStorage.getItem('buttonClicked') == true;

    if(isBtnClicked){
        $(".pb-element-alert").hide();
    }
});

$(".btn_cerrar").on('click', function(){
    sessionStorage.setItem('buttonClicked', true);
  $(".pb-element-alert").hide();
});

用于在网站中接受 cookie 的警告框

Alert box to accept cookies in a web site

javascript

cookies

jquery

alert

twitter-bootstrap-3