0

你好堆栈溢出,

我正在尝试在 wordpress 博客上实现 flex 滑块插件,使用他的教程http://wp.tutsplus.com/tutorials/create-a-responsive-slider-plugin-with-flexslider/中描述的插件,但不能似乎在使用 Reverie wordpress 框架http://themefortress.com/reverie/时可以正常工作。如果我更改为另一个主题,插件可以正常工作。

相关页面可见http://www.naused.co.uk/test-slider-page/

在控制台中,我收到错误 Uncaught TypeError: Object [object Object] has no method 'flexslider',但我不明白为什么会这样说,我认为插件使用正确。会不会是 Javascript 与页面上的其他内容发生冲突?

最初我认为这可能是一个 css 问题,因为您可以看到图像正在被引入,但是列表项并没有通过 javascript 应用于它们的任何样式。在示例中,它们是

 <ul class="slides">
  <li><img width="151" height="151" src="http://www.naused.co.uk/wp-content/uploads/2012/03/nausedLogo.png" class="attachment-large wp-post-image" alt="nausedLogo" title="nausedLogo"></li>
  <li><img width="970" height="406" src="http://www.naused.co.uk/wp-content/uploads/2012/03/bannerHolder1.jpg" class="attachment-large wp-post-image" alt="bannerHolder" title="bannerHolder"></li>
 </ul>

并且列表项旨在通过 flexslider 插件对其应用内联样式。

任何帮助将非常感激。

谢谢,

西蒙

4

2 回答 2

0

我现在已经整理好了。我不得不重写插件,并且不得不将 JavaScript 和 CSS 文件flexlslider放在页面底部。我还必须使用$我不理解的符号而不是 jQuery,但没关系。

于 2012-03-13T23:43:46.353 回答
0

您还应该查看 WP Orbit Slider。Orbit 是由 Zurb 制造的轻量级滑块。也为 Reverie 构建框架的人。

这很棒,因为您也可以创建幻灯片类别。

沃恩

于 2012-04-11T16:28:10.530 回答