0

スタック オーバーフローさん、こんにちは。

彼のチュートリアル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 が競合している可能性はありますか?

当初、画像が取り込まれていることがわかりますが、リスト項目にはjavascriptによってスタイルが適用されていないため、cssの問題である可能性があると考えていました。例では、それらは

 <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

WP Orbit Slider もチェックしてください。Orbit は Zurb 製の軽量スライダーです。Reverieの骨格も作った人たち。

スライドのカテゴリも作成できるので便利です。

ボーン

于 2012-04-11T16:28:10.530 に答える
0

これで整理できました。プラグインを書き直し、JavaScript と CSS ファイルをflexlsliderページの下部に配置する必要がありました。また、jQueryの代わりに記号を使用する必要がありました$が、これはわかりませんが、気にしないでください。

于 2012-03-13T23:43:46.353 に答える