小编NW *_*ech的帖子

使用cookie不显示基于特定操作的弹出窗口

我目前正在使用一个fancybox在页面加载后2秒内在弹出窗口中传送内容.我想实现一些可以消除每次加载网站页面时弹出的烦恼的东西.

理想情况下,如果访问者点击了fancybox上的"关闭"按钮,则直到第二天才会显示弹出窗口.如果访问者单击了弹出窗口中的链接,则弹出窗口将在指定的较晚日期之前显示.

这是我目前用于弹出窗口的代码:

// fancybox arguments
$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0,
        'autoDimensions': false,
        'autoSize': false,
        'width': '650', 
        'height': 'auto'
    });


// Launch fancyBox on first element
setTimeout(function(){$(".fancybox").eq(0).trigger('click');},2000)
Run Code Online (Sandbox Code Playgroud)

我假设这可以使用js cookie完成,但我不确定语法如何工作基于我尝试用两个不同的expirations.

编辑:

这是用于弹出窗口的HTML:

<div style="display:none">
    <a class="fancybox" href="#donation-info" alt=""/></a>
    <div id="donation-info">
        <?php if (get_field('donation_box_text', 'option')){
            echo '<h2>To all our readers:</h2>';
            echo '<p>' . get_field('donation_box_text', 'option') . '</p>';
            echo '<div style="text-align:center"><a href="' . get_field('donation_link', 'option') . '" id="donate" class="donate-link" />Donate</a></div>';
        }; ?>

    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我也尝试更新上面的功能,包括cookie,从我猜测的最好,到无效:

$(document).ready(function() {
        if ($.cookie('noShowDonation')) $('.fancybox').hide();
    else …
Run Code Online (Sandbox Code Playgroud)

javascript cookies jquery popup

12
推荐指数
1
解决办法
1043
查看次数

CSS直接后代选择器

我遇到了一些麻烦,并且我敢肯定对于这个看似琐碎的问题有一个简单的解决方法。

我有如下的HTML页面设置:

<ul class="locations">
   <li>
      Georgia
      <ul class="children">
         <li>
            Fulton County
            <ul class="children">
               <li>
                  Atlanta
               </li>
            </ul>
         </li>
      </ul>
   </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我正在尝试以一种方式设置“父母”列表项的样式,以一种方式设置“子项”的样式,并以另一种方式设置“孙子项”的样式。

我尝试了以下方法:

ul li{
    list-style: none;
    margin: 0;
}
ul.locations li+ul.children li{
    margin-left: 15px;
    clear: both;
}
ul.locationsli+ul.children li+ul.children li{
    float: left;
}
Run Code Online (Sandbox Code Playgroud)

在这种情况下,我希望“孙子孙女”彼此相邻漂浮的地方……无论我如何工作,clear:both;似乎都适用于“子孙子”和“孙子孙女”物品。我也尝试过>没有运气用作CSS选择器。

有什么解决办法吗?TIA

css css-selectors

-1
推荐指数
1
解决办法
1637
查看次数

标签 统计

cookies ×1

css ×1

css-selectors ×1

javascript ×1

jquery ×1

popup ×1