猫头鹰旋转木马与段落混淆
猫头鹰旋转木马与段落混淆
提问于 2018-10-29 12:54:30
我对Drupal非常陌生，对术语和名称还不熟悉。
我在Drupal 8中偶然发现了一个使用段落的网站。我试图复制幻灯片，显然使用猫头鹰旋转木马。但我不知道他们是怎么做的：
(这些图像从右向左滑动)
在检查器中，代码显示在div包装器和每个项中使用的Owl旋转木马。但是模板小枝文件中没有包含owl。
检查员截图：
模板小枝文件：
{{content.field_title.0}}
{{content.field_description.0}}
{% for item in paragraph.field_client_image %}
{% endfor %}
{{ content.field_button.0['#title'] }} 我假设下面的代码生成类owl-item，owl-item cloned：
{% for item in paragraph.field_client_image %}
{% endfor %}有人能照亮我的蜡烛吗？
PS:我可以访问所有的模板文件，甚至可以访问网站:没有猫头鹰旋转木马模块安装，但库是存在的。
耽误您时间，实在对不起。
回答 1
Drupal用户
回答已采纳
发布于 2018-10-29 14:46:08
您必须分离两个组件：( A)由Drupal在服务器端生成的标记，该标记用作Owl carousel的基本结构。( B)客户端浏览器中由Owl修改的标记。
Drupal渲染就像
{% for item in paragraph.field_client_image %}
{% endfor %}上面的代码并不是真正依赖于猫头鹰或特定于猫头鹰旋转木马。
将其转换为旋转木马的东西是一个类似于
$(document).ready(function(){
$(".partners").owlCarousel();
});在您的主题或模块的JS文件中的其他位置。这是将服务器呈现的HTML转换成屏幕截图所显示的内容(添加额外的
s、类和样式)的“魔力”。
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://drupal.stackexchange.com/questions/271709
复制相关文章
相似问题
腾讯云开发者
