問題タブ [swiper]

カスタムメニューがある場合。

Swiper.js でいつでも特定のスライドに移動するにはどうすればよいですか?

私はこのようなことを試しましたが、うまくいきません:

バックグラウンド

Swiperを使用してレストランの Web サイト用のスライダーを作成していますが、可能な限りセマンティックにコーディングしたいと考えています。内容を理解していただくために、各スライドには次の 4 つの主な機能があります。

• 背景画像
• メニュー カテゴリ (つまり、サンドイッチ)
• メニュー項目
• メニュー項目の説明

ビジュアル (そして食欲) が必要な場合:

私の解決策

これは、コード化するために私が考えることができる最も意味のある方法でした:

私の質問

1. タグ<dl>内で aを使用することは意味的に友好的で w3-OKですか?<figcaption>
2. クラスを使用するよりも、スライドの「タイトル」(別名カテゴリ) を表示するセマンティックな方法はありますか? これは別の質問だと思いますが、関連していて、投稿のタイトルにすべてを詰め込むことができませんでした...

私の研究

私が行ったことと完全に一致するサイトは見つかりませんでしたが、近いものをいくつか見つけました。

• MDN には、 内にタグを含む例がいくつかあります。<cite><figcaption>
• HTML5 Doctorには、同じ内に<a>andがあります。<code>
• SO ユーザーが間接的に関連する質問を投稿しましたが、マークアップ<p>内の<figcaption>.

w3.orgは、私の方法が間違っていることを示唆するものは何も示していないので、それで問題ないと半信半疑ですが、フィードバックをいただければ幸いです。

次のイベントがあります。

問題は、スライダーの準備ができたときにクラス .swiper-slide-active が追加されることですが、.on で .live イベントが置き換えられたと思いました。そのクラスを持つ要素をロールオーバーしても何も起こりません。クラスが追加されるまで待つ方法はありますか?

スライダーは次のように開始されます。

iDangerous Swiperライブラリを使用して、 Jquery Mobileフレームワークと組み合わせてモバイル スワイプ タッチ ギャラリーを表示しています。インデックス ページ (ギャラリーがある場所) を離れてから戻ってくると、ページネーション ウィジェットが正しく機能しないことを除けば、問題なく動作します。それはまだ表示され (箇条書きを見ることができます)、それでもクリック可能です。つまり、箇条書きに「触れる」と、ギャラリーが対応するスライドにスワイプし、箇条書きが「アクティブ」になりますが、逆の方法では機能しません。つまり、スライドの変更に反応しません。スライドをスワイプしても、現在アクティブな箇条書きは更新されません。

これは初期化コードです:

ページは jquery mobile のdata-ajax="true"属性にリンクされ、グローバル スコープが維持されます。

ここで回答として提供された指示によると...

iDangerous Swiper プラグイン リセット スライド

私はこのようなことをしようとしています:

http://jsfiddle.net/monastic/ydKn2/17/

しかし、コンソールは「nullのプロパティ「init」を読み取れません」を返しています。

助言がありますか？