如何根据 Jquery 中设置的 cookie 验证 div

Question

我在 Jquery 中根据屏幕宽度设置 cookie。像这样

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
$(document).on('pageinit','#outerPage',function(){

   var windowWidth = $(this).width();
  // alert(windowWidth);
   if(windowWidth <290)
   {    
       console.log('cookie:small');
       $.cookie("adds", 0);
       //setTestCookie("adds","0");
   }
   else
   {   
    console.log('cookie :Big');
       $.cookie("adds", 1);
      //0setTestCookie("adds","1");
   }
});
</script>

然后我使用这些 cookie 来验证 php 中的 div 以及同一个文件中的一些其他参数，就像这样

<?php
    if($current_item == 2 && $_COOKIE['adds'] == '1')
    {
    //place the adsense after the third ad.
    ?>
    <div id="bloque" class="addsTpl addBigphone" style="min-height:90px">
    <div class="google_add">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- resultmobile -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:320px;height:90px"
         data-ad-client="ca-pub-765756"
         data-ad-slot="657567"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script></div>
    </div     
    <?php
    }
?>

到目前为止一切顺利。我面临的问题是 if() 语句仅在我重新加载页面后才变为真。

我的理解是cookie是在服务器if()语句第一次执行后设置的，因为jquery只有在服务器脚本加载完成后才会执行。

任何人都可以建议我使用任何其他方法来做到这一点。

感谢和问候

Answer 1

没错，服务器端代码首先运行并为您提供页面，然后才执行 javascript - 这对您来说太晚了

您可以移动您运行的窗口大小测试以将 cookie 设置到应用程序中的较早页面（例如登录页面），或者您可以拥有一个运行您的 javascript 然后立即重定向到您的主页面的“隐藏”页面页面例如

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
$(document).on('pageinit','#outerPage',function(){

   var windowWidth = $(this).width();
  // alert(windowWidth);
   if(windowWidth <290)
   {    
       console.log('cookie:small');
       $.cookie("adds", 0);
       //setTestCookie("adds","0");
   }
   else
   {   
    console.log('cookie :Big');
       $.cookie("adds", 1);
      //0setTestCookie("adds","1");
   }
   // redirect to the actual page you want
   document.location.href = 'new main page url'
});
</script>

所以你的隐藏页面永远不会呈现 - 它只是运行 javascript 然后重定向到主页。

希望有所帮助 加勒特