0

流砂を使用してカテゴリをフィルタリングし、Superbox ( http://toddmotto.com/labs/superbox/ ) を使用してドロップダウンでプレミアム プラグイン Royal Slider に基づくギャラリーを表示しています。

http://bvh.delineamultimedia.com/?page_id=2

このファイルの _animateTo:function の周りに Royal Slider に問題があるようです... http://bvh.delineamultimedia.com/wp-content/plugins/new-royalslider/lib/royalslider/jquery.royalslider.js ?ver=3.0.93行 1825 付近。これにより、Superbox ドロップダウン機能内でスライダーが正しく動作しません。Royal Slider の次のボタンをクリックすると、スーパーボックスを閉じて再度開くまで、次の画像に移動したくないようです。次に、次の画像が表示されます。

このページでは... http://bvh.delineamultimedia.com/?page_id=13 Royal Slider に問題はないようです。そのため、Superbox と Royal Slider の JavaScript との競合があると思います。また、このページでは... http://bvh.delineamultimedia.com/?page_id=12 Superbox は静止画像でも問題なく動作します。

同じ場所に「ギャラリーがある場合はそれを表示し、そうでない場合は静止画像を表示する」と何らかの形で述べたいと思います。

ここで変更したコードのようにも感じます。http://bvh.delineamultimedia.com/wp-content/themes/bvh/js/portfolio/superbox.jsこれを機能させるためにあちこちで少し推測しているので、これは最善ではありません。

私はJSをデバッグする方法を学ぼうとしていますが、正直言って少し迷っています。問題が _animateTo:funtion の周りで発生していると思う理由は、コンソールが _stopAnimation の周りで起動していないためです。なぜこれが起こっているのか、そしてこの問題をデバッグする良い方法について誰かが手を差し伸べることができますか. 現時点では少し圧倒されているように感じます。

問題を確認するには: http://bvh.delineamultimedia.com/?page_id=2にアクセスして最初の画像をクリックすると、ギャラリーが表示されるドロップダウンが表示されます。次の矢印をクリックしても、次の画像には移動しません。スーパーボックスのドロップダウンを閉じて、最初の画像を再度クリックしてスーパーボックスのドロップダウンを表示すると、次の矢印をクリックしてからスーパーボックスを閉じて再度開くと、画像が次の画像に移動します。

それが理にかなっていることを願っています。本当にありがとう！

4

1 に答える 1

1

Superbox.js のコードをチェックアウトしました。問題は、要素を追加する代わりに複製していたことです。今回はロイヤルスライダー。この行が原因で、2 つの異なる「スライダー」が作成されます。隠されているのに、どれだけが機能していたのか。

if (sliderData.length > 0) { // show the slider if there is one
    superbox.append(sliderData.clone(true));

}

.clone() メソッドを削除するだけで問題ありません。

終了コールバック中に要素が消えないように修正します。この行を次のように置き換えます。

superbox.find('.royalSlider').remove(); // remove the slider from previous events

これに：

superbox.find('.royalSlider').appendTo($(this));

要約すると、トリガーされたときにスライダーをリスト項目要素からスーパーボックスに移動し、閉じたときに元に戻すだけです。

于 2013-03-28T22:43:05.950 に答える