小编Bir*_*den的帖子

自动播放多个 Vimeo 视频,但仅自动播放一个

我一直在此处的论坛中搜索此问题的答案,但每个解决方案似乎都与我实际遇到的情况有些偏差。

\n\n

有没有办法让所有 iframe vimeo 视频自动播放?我们\xe2\x80\x99使用vimeo视频(静音)代替资源贪婪的GIF,但看起来只有一个视频自动播放,而其他视频则不播放,即使它们\xe2\x80\x99都设置为自动播放并循环。

\n\n

同样奇怪的是,它随机选择要自动播放哪些视频,以及不自动播放哪些视频。

\n\n

感谢您的建议!

\n\n

https://stable.stable-demos.com/what-we-do/

\n

vimeo autoplay

5
推荐指数
1
解决办法
8282
查看次数

如果元素包含(关键字)做某事

我有这个代码块,我首先尝试获取div中的内容,然后将其匹配到字符串.如果匹配......做点什么.但是,此代码似乎与所有内容相匹配.

逻辑是:1.对于四个页脚部分中的每一个2.如果部分的标题匹配"保持连接"3.添加此图像

在此先感谢您的帮助!

// ADD ARROW TO FOOTER
  $(".footer-nav__title").each(function () {

     var results = $( ".footer-nav__title" ).html();
     var match = ("Stay Connected");  

     if($('results:contains(match)')) {
          $(this).append('<img src="https://cdn.shopify.com/s/files/1/0013/8467/7443/files/footer-arrow.png?8377676856849539925" alt="" class="footer-arrow" />');
     } 

   });
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
33
查看次数

Liquid :我如何结合两个条件?

Liquid 新手在这里寻求帮助。我有两个系列和每个系列中的一个产品,它们具有相似的名称:

(集合) 零食棒 > (产品)巧克力片

(集合)蛋白棒 > (产品)薄荷巧克力片

我正在尝试根据集合和产品句柄隐藏/显示特定于这些项目(在同一页面内)的内容。我已经尝试了以下方法,但是即使 == 应该是特定的,这也显示了这两个项目,它不是并且显示为它认为 Chocolate-chip 和 chocholate-chip-mint 是匹配的,但它不是:

{% if product.handle == "chocolate-chip" %} // do something {% endif %}
Run Code Online (Sandbox Code Playgroud)

我试过这个,但不行:

{% if collection == "protein-bars" && product.handle == "mint-chocolate-chip" %} // do something {% endif %}
Run Code Online (Sandbox Code Playgroud)

我也试过这个,但它不起作用:

{% if product.handle == "mint-chocolate-chip" | within: collections.protein-bars %} // do something {% endif %}
Run Code Online (Sandbox Code Playgroud)

最终,我只想验证我是否在产品页面上,我的逻辑检查:

  1. URL 中的产品句柄(完全匹配) mint-chocolate-chip。
  2. 该项目是该系列的一部分:蛋白质棒(不是零食棒)

https://www.blakesesedbased.com/collections/snack-bars/products/chocolate-chip

https://www.blakesesedbased.com/collections/protein-bars/products/mint-chocolate-chip

您可以在 Mint Chocolate Chip 页面上看到逻辑认为“chocolate-chip”是产品匹配,并且在 mint-chocolate-chip 页面上显示了关于 Chocolate-chip 的信息(在产品显示下方的白色部分)。

conditional liquid shopify

0
推荐指数
1
解决办法
1307
查看次数

jQuery $未定义-使用窗口加载的问题

我在$ not defined error下面的第二种情况下得到了,但在第一种情况下没有。jQuery已安装并正在该站点上运行。

$在此使用的任何代码都运行良好:

jQuery(function($) {  
  alert("Yay!");
});
Run Code Online (Sandbox Code Playgroud)

此错误中的任何内容都包含$ not a function

jQuery(window).load(function($) { 
  alert("Why not!");
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery

0
推荐指数
1
解决办法
44
查看次数

使用remove()确保元素在DOM中不可见或通过查看源代码

我希望你能帮我解决我们遇到的 JS 问题。

问题: 当存在类时,我正在删除一个元素,虽然这可以通过检查器从 DOM 中删除该元素,但当我点击 CTR-U 并搜索该元素时,它仍然是可搜索/可见的。

博客文章: https://www.leatherhoney.com/blogs/leather-care/diy-leather-car-interior-detailing-tips

背景: 开发我们网站的公司在我们的博客文章中添加了 (2) 个 H1 标题。如果标头存在,则他们正在使用 CSS 隐藏标头。这当然会产生页面上多个 H1 的问题,即使它在视觉上是隐藏的。

修复: 修复方法是删除隐藏元素的 CSS 属性并将其替换为remove() 函数。理论上,当 CSS 类存在时,这会从页面(以及 SEO 爬虫)中完全删除该元素。

$(".hide-when-banner-enabled").remove();
Run Code Online (Sandbox Code Playgroud)

页面:

这是博客页面https://www.leatherhoney.com/blogs/leather-care/diy-leather-car-interior-detailing-tips

这是源代码页(ctrl-U),您仍然可以在其中看到.hide-when-banner-enabled类,即使它应该被删除: https: //www.leatherhoney.com/blogs/leather-care/diy-皮革汽车内饰细节提示

谁能向我解释为什么这仍然可见,以及是否有更好的方法可以在存在类时删除此重复的 H1 标签,以便 SEO 不受重复标签的影响?

谢谢你!

javascript shopify

0
推荐指数
1
解决办法
570
查看次数

标签 统计

javascript ×2

jquery ×2

shopify ×2

autoplay ×1

conditional ×1

liquid ×1

vimeo ×1