javascript - 移动混合应用程序中的 Jquery Cookie 使用

标签 javascript jquery css cookies jquery-cookie

当我尝试将 jquery-cookie.js 插件写入显示网页的移动混合应用程序时,我发现应该显示的 div 闪烁,然后它立即消失。如果没有此脚本,以下 div 将按应有的方式显示在移动混合网页中。

<script type="text/javascript">
$(function(){
  if ($.cookie('newappuser')) {
       console.debug($.cookie("newappuser"));
      $('div.instructionalgif').remove();
  }
  else {
      $.cookie('newappuser', 'true', {expires: 7});
      return $('div.instructionalgif').click(function() {
        $('div.instructionalgif').remove();
      });
  }
});
</script>

如果没有上述脚本,这将正确显示。

<div class="instructionalgif" style="display: block;margin:auto;background-image: url('http://cdn.idstatic.com/cms/live/190/Untitled-1.gif?1401950829'); background-repeat: no-repeat; background-position: 50%; background-color: #fff;left:0;right:0;;top:0;bottom:0;opacity:0.8;z-index:999999;position:absolute;"><i class="fa fa-times" style="font-size:3em;padding:10px 0 0 10px;"></i></div>

有人知道为什么会这样吗?

资源: https://github.com/carhartl/jquery-cookie

最佳答案

显然 jquery .cookie 无法在 native 应用程序中使用。

关于javascript - 移动混合应用程序中的 Jquery Cookie 使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24089214/

相关文章:

javascript - 在禁用 JS 时使用 noscript 修改 html 元素和重定向页面?

html - 使用 border-image 属性创建带状效果

jquery - 淡入淡出背景图像

css - 找不到适合此布局的 flexbox

css - top vertical-align with inline-block 和水平相同的边距

javascript - 这些逻辑运算符如何工作?

javascript - scrollTop() 返回元素下方的位置

javascript - 具有 $index 绑定(bind)的交替行样式

jquery - 使用 jquery 或 css 的垂直居中图像

javascript - 纯 HTML 标签的选择性呈现