jquery - Drupal Flexslider 冲突

标签 jquery css drupal drupal-7 flexslider

我有一个网站,我在使用 Flexslider 时遇到了问题。我想我已经尽职调查在论坛和元素页面上搜索类似的问题,并且不想发布问题,因为我认为它是特定于站点的。我在我的另一个站点上进行了相同的安装,并且运行良好。

我的网站在这里,有一些 flexslider 幻灯片,但这是其中之一: http://www.thefernandez.com/new-al/portfolio/retail/caronel-watch-center

您能看出导航按钮和寻呼机没有出现在该站点上的任何原因吗?它只是悬停时出现的下方文本(上一个和下一个)。

我只希望默认的基本 slider 能够工作 - 悬停时的导航按钮和图像底部的寻呼机。

谢谢你,我非常感谢你的帮助。我觉得具有更多编程技能的人可能能够看到问题。

最佳答案

标记全部用于分页和箭头。他们只是缺少一些样式或设置。

  1. flexslider.css 中,您将 .flex-control-nav 设置为 display: none; 如果您删除该样式将出现分页点。

  2. “上一个”和“下一个”按钮是默认箭头,但它们缺少样式。在同一个 flexslider.css 文件中,样式化控件导航的部分被注释掉了。请参阅 /* Control Nav */ 行之后的第 61 - 72 行。如果您取消注释它们,箭头会出现在鼠标悬停时覆盖在 slider 上,尽管它们需要更多的样式帮助。

  3. 您从 twitterFetcher.js 确实在该页面上收到了一个 javascript 错误。它似乎没有破坏任何东西,但修复它可能会解决您的问题。

我使用过 flexslider,但没有使用 drupal 模块,我建议阅读 flexslider API 和模块中的任何文档。您可能需要选择 slider 主题、使用不同的包装类或传递一些自定义选项以获得所需的导航。

flex slider :http://flexslider.woothemes.com/

关于jquery - Drupal Flexslider 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24024367/

相关文章:

javascript - 从一个 div 滚动到另一个 div

javascript - 点击关闭按钮后模态自动重新打开

mysql - drupal 中超出数据库查询的问题

mysql - Drupal 站点缓慢,Drupal 调整

javascript - 我们应该在哪里下载完整实现的 tinymce 弹出文件?

javascript - 用 jquery 更新 div

HTML:仅使用 CSS 修改复选框/单选样式

jquery - Fancybox - 图像从灯箱右侧溢出

html - 将两个元素彼此对齐

javascript - React TypeError : _this2. props.variations.find 不是函数