我目前正在使用一个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) 我遇到了一些麻烦,并且我敢肯定对于这个看似琐碎的问题有一个简单的解决方法。
我有如下的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