我正在使用一小段代码(基于' ScrollTo Posts with jQuery ',它允许您单击下一个/上一个链接,它将跳转到每个帖子的顶部.
我有我的HTML结构,所以它发布>图像>发布>图像等.
我想知道如果你点击下一个/上一个按钮是否可能,它会正常滚动到下一个帖子,但是它会悬挂/悬停在images/div之间？所以它最终完成了它的滚动,但减慢了中间的div.
这是我的jQuery代码:
$(function () {
function a(f) {
var b, e, c = [],
d = $(window).scrollTop(),
g = $('.section-slide');
g.each(function () {
c.push(parseInt($(this).offset()['top'], 10))
});
for (e = 0; e < c.length; e++) {
if (f == 'next' && c[e] > d) {
b = g.get(e);
break
}
if (f == 'prev' && e > 0 && c[e] >= d) {
b = g.get(e - 1);
break
}
}
if (b) { …您能否解释下面两个.htaccess重定向之间的区别？
第一个重定向是我最常使用的重定向，但是它在最近的站点上不起作用（重定向太多-即使我没有进行任何设置），但是第二个重定向有效，我很好奇。
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteEngine On
RewriteCond %{ENV:HTTPS} !=on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
我有一个简单的SendGrid API设置,但我想知道如何在发送的电子邮件中包含附件.我将附件URL传递给$ _POST变量,因此可以返回完整路径,但不确定将其包含在我的设置中的哪个位置.
//
$i = 1; foreach ($cart as $download) {
$file . $i = $download['download'];
$file_encoded . $i = base64_encode(file_get_contents($file));
$attachment . $i = new SendGrid\Attachment();
$attachment . $i->setContent($file_encoded);
$attachment . $i->setType("application/zip");
$attachment . $i->setDisposition("attachment");
$attachment . $i->setFilename("test.zip");
$mail->addAttachment($attachment . $i);
i++;
}
// Set email confirmation settings
$email_subject = 'New order from ' . $user_details['first-name-billing'] . ' ' . $user_details['last-name-billing'] . ' via www.***.com';
$email_admin = '******@***.com'; // Client
$email_customer = $user_details['email'];
ob_start();
require_once './email-confirmation.php';
$email_body = …正如标题所暗示的那样,我想知道如何在段落中的br之前和之后的跨度中包装文本.
我的HTML就是这样......
<div class="blog-container">
<div class="each-article">
<p>Text text text <br/> text text text</p>
</div>
<div class="each-article">
<p>Text text text <br/> text text text</p>
</div>
</div>
而我认为可行的jQuery是
$('.blog-container .each-article p br').before().wrap('<span></span>');
这给了我的是:
<div class="blog-container">
<div class="each-article">
<p>Text text text <br><span></span></br> text text text</p>
</div>
<div class="each-article">
<p>Text text text <br><span></span></br> text text text</p>
</div>
</div>
我有点陷入困境,我试图在页面上的每个标签的末尾添加"数字"(数字).对于页面上的每个图像,添加一个比最后一个更大的新数字.
到目前为止,我已经提出了PHP和JS的组合,但JS设法插入数字,PHP设法增加数量,但两者都没有合作.
到目前为止我有这个:
<script>
$('img').after('<?php $c = 0; ?><p class="figure"><?php echo ++$c ?></p>');
</script>
但是,PHP是服务器端,它似乎没有增加数字,对于页面上的所有图像,数字始终为1.
如果我在没有JS的情况下使用它,那就放
<?php $c = 0; ?>
在页面顶部,然后
<p class="figure"><?php echo ++$c ?></p>
对每个图像进行硬编码,它工作正常,但我需要一种方法让它在每个标签后自动添加,并且不总是硬编码.
有什么想法吗？
我需要获取a的内容<h3></h3>然后小写内容并删除空格(用 - 或_替换它们)然后将它们注入到ID的ID中<h3>.
所以,例如......
<li class="widget-first-list"><h3>About This Stuff</h3></li>
<li class="widget-first-list"><h3 id="about-this-stuff">About This Stuff</h3>
这应该存在于页面上的h3s加载,因此它需要在某处包含'$ this'.
希望这是有道理的 - 我对jQuery没问题,但这已经给我带来了一些问题.
在滚动位置上设置div位置动画的最佳方法是什么？本质上，当您到达页面上的某个点时...固定的元素将产生动画。
我在下面列出了我目前拥有的东西...但是它有点慢，似乎在向上滑动...慢慢地...中间...然后完成。有什么想法吗？
var shareHeight = $('.related-share-container').height();
$('.related-share-container').css('bottom',-shareHeight);
$(window).scroll(function() {
if ($(window).scrollTop() + $(window).height() > $(document).height() - 150) {
$('.related-share-container').stop().animate({ bottom: 0 }, 500);
} else {
$('.related-share-container').stop().animate({ bottom: -shareHeight }, 500);
}
});
奖励更新
这是我正在开发的开发站点：http : //goo.gl/KcFdE6，如您所见，如果滚动到底部并停止，它会很好地向上滑动，但是，如果您继续滚动...它是与动画互动，您可以真正跳动/缓慢过渡。有任何想法吗？
一直困扰我一段时间的人.我如何将这三组代码组合在一起？
$(".fly-out-menu").toggle(
function () {
$('#page').animate({left: 250}, 'fast'); },
function () {
$('#page').animate({left: 0}, 'fast'); }
);
$(".fly-out-menu").toggle(
function () {
$('.sticky-container').animate({left: 250}, 'fast'); },
function () {
$('.sticky-container').animate({left: 0}, 'fast'); }
);
$(".fly-out-menu").toggle(
function () {
$('body').css('position','fixed') },
function () {
$('body').css('position','static') }
);
谢谢,R
我想在滑块中的每张幻灯片中为一个元素添加一个"slide-number-x"类,其中'x'代表dom中的幻灯片编号.
所以,例如这个简单的HTML标记:
<div class="slider">
<div class="slide"><div class="slide-title"></div></div>
<div class="slide"><div class="slide-title"></div></div>
<div class="slide"><div class="slide-title"></div></div>
<div class="slide"><div class="slide-title"></div></div>
</div>
会成为:
<div class="slider">
<div class="slide slide-number-1"><div class="slide-title"></div></div>
<div class="slide slide-number-2"><div class="slide-title"></div></div>
<div class="slide slide-number-3"><div class="slide-title"></div></div>
<div class="slide slide-number-4"><div class="slide-title"></div></div>
</div>
我认为这会奏效:
$('.slide').each(function(i){
$(this).addClass('slide-number'i+1);
});
任何帮助或想法？
非常感谢,R
我试图在 head.inc 文件中包含一些代码，该文件将检查该页面是否以用户的位置语言可用，如果可用，它将重定向到该页面。显然，这对 UX 来说不是很好，但可惜我的客户很热衷。
我需要克服的唯一问题是，如果用户已经被重定向，那么不要对每个页面都这样做……存储用户被重定向的事实，并且在会话结束之前不要再次这样做。类似的东西。
我已经编写了下面的代码，但是 a) 我不确定这是最好的方法，b) 它似乎卡在重定向循环中（我认为我已经通过第二次会话检查避免了）。
我正在使用 ipapi.com 来检查用户的位置。我也在使用 ProcessWire 的“$session”，它实际上与 PHP session 相同。
if (!$session->get("lucentLightingRegion")) {
$session->set("lucentLightingSessionRedirected", "false");
if ($page->ipapiGetUserLocation()['continent_code'] === 'NA') {
$session->set("lucentLightingRegion", "NA");
if ($page->viewable('na')) {
$url = $page->localUrl('na');
$session->redirect($url);
}
} else {
$session->set("lucentLightingRegion", "INT");
if ($page->viewable('default')) {
$url = $page->localUrl('default');
$session->redirect($url);
}
}
} else {
$sessionRegion = $session->get("lucentLightingRegion");
bd($sessionRegion);
if ($page->viewable($sessionRegion) && $session->get("lucentLightingSessionRedirected") == "false") {
$url = $page->localUrl($sessionRegion);
$session->redirect($url);
$session->set("lucentLightingSessionRedirected", "true");
}
}