小编pat*_*zdb的帖子

我正在使用infinitescroll.js脚本,它的效果非常好.我已经找到了如何使用以下代码替换默认功能和更多加载按钮:

$(window).unbind('.infscr');
$('.js-next-reports').click(function() {
    $grid.infinitescroll('retrieve');
    return false;
});
$(document).ajaxError(function(e, xhr, opt) {
    if (xhr.status == 404) $('.js-next-reports').remove();
});

但是,我想要做的是允许无限滚动运行3/4次然后显示.js-next-reports按钮.我不知道如何跟踪无限卷轴运行了多少次.我知道有一个currPagevar但是使用console.log我无法弄清楚我是如何引用它的.

maxPageinfinitescroll 还有一个选项,它限制它只运行X次,所以我可能会以某种方式进入？我不知道如何获得一个console.log的选项.这是我的初始化代码,如果这有帮助($ grid只是一个div的参考)

$grid.infinitescroll({

    // selector for the paged navigation (it will be hidden)
    navSelector  : ".pagination",
    // selector for the NEXT link (to page 2)
    nextSelector : ".pagination .next",
    // selector for all items you'll retrieve
    itemSelector : ".infinite-scroll-post",
    contentSelector : "#infinite-scrollable",
    debug: true,

    // finished message
    loading: {
        img: "ajax-loader.gif", …

我正在使用fullpage.js和slimscroll.js插件,这是允许滚动内容超过其容器部分高度的部分所必需的.

我注意到触摸设备的体验非常糟糕.通常您可以滑动,释放并观看页面仍然滚动,一旦您的手指离开触摸区域,滚动停止.

所以我想要做的是在手机和平​​板电脑上禁用fullpage.js,但仍然可以在桌面上启用它.我检查了fullPage.js的问题和文档,但我找不到一个简单的方法来做到这一点.

任何人都可以帮我吗？

非常感谢

似乎有ConEmu https://conemu.github.io/en/KeyboardShortcuts.html"Win +〜"但是在cmder中重新启动当前控制台的方法会很棒.

干杯

我的sizes属性一直都有问题.我刚才问过一个问题,你应该宣布哪个订单的尺寸和Yoav说:

"你的尺寸值应该从最窄的断点开始,然后逐渐向更宽的断点移动,所以在你的情况下它应该是(最小宽度:62.5em)25vw,(最小宽度:30em)50vw,100vw.

否则,如果你在视网膜屏幕上,在确定要选择哪个图像时也会考虑屏幕的DPR."

这是有道理的,但在这种情况下会发生什么.假设您在移动设备上有100vw的图像,但容器max-width: 380px上有图像.我会这样做:

sizes="(min-width: 380px) 380px, 100vw"

和我一起到目前为止？凉.在700px时,布局变为两列,因此您希望图像为50vw.所以我会这样做:

sizes"(min-width: 700px) 50vw, (min-width: 380px) 380px, 100vw"

但是,技术上在最小宽度:700px时图像现在小于最小宽度:380px值,因为700/2 = 350px所以现在订单应该是:

sizes"(min-width: 380px) 380px, (min-width: 700px) 50vw, 100vw" ？

然后在1024px处布局变为3列,在1200px处外部容器停止布局不再扩展,所以我想要这样的东西:

sizes"(min-width: 1220px) 380px, (min-width: 1024px) 33vw, (min-width: 700px) 50vw, (min-width: 380px) 380px, 100vw"

它是否正确？

我的问题非常类似于Reduce multiple if语句

我有多个if else语句,我想使用jquery每个函数来使代码更有效,但我无法弄清楚如何做到这一点.

我在wordpress中运行jQuery,我相信在noconflict模式下运行,所以我不能得到更多(我考虑的)高级主题,这些主题为我提供了示例,因为我无法理解正确的功能要使用的语法.

如果有人可以帮助并解释如何为我做这将是惊人的.这是我的代码:

var $h6p = $("h6 + p");
var $h5p = $("h5 + p");
var $h4p = $("h4 + p");
var $h3p = $("h3 + p");
var $h2p = $("h2 + p");
var $h1p = $("h1 + p");
var $fullercolor_bg = "rgba(240,234,222,0.9)";

if($h1p.mouseIsOver()) {
    $h1p.prev().css("background-color", $fullercolor_bg);
} else {
    $h1p.prev().css("background-color", "");
}
if($h2p.mouseIsOver()) {
    $h2p.prev().css("background-color", $fullercolor_bg);
} else {
    $h2p.prev().css("background-color", "");
}
if($h3p.mouseIsOver()) {
    $h3p.prev().css("background-color", $fullercolor_bg);
} else {
    $h3p.prev().css("background-color", "");
}
if($h4p.mouseIsOver()) { …

我有我的htaccess文件设置如下:

<IfModule mod_rewrite.c>
  RewriteEngine On
  # check if browser accepts webp
  RewriteCond %{HTTP_ACCEPT} image/webp 

  # check if file is jpg or png
  RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$

  # check if corresponding webp file exists image.png -> image.webp
  RewriteCond %1\.webp -f

  # serve up webp instead
  RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]

</IfModule>

<IfModule mod_headers.c>
  Header append Vary Accept env=REDIRECT_accept
</IfModule>

AddType image/webp .webp

它在测试目录中运行良好,并显示一个webp图像(如果存在).但是,当我尝试将相同的.htaccess规则与WordPress的相当永久链接重写规则结合使用时,规则就会中断.

这是WordPress的默认规则(如果您的子目录称为DPA)

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /DPA/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /DPA/index.php …