JS與Royal Slider Wordpress的衝突

Question

我使用流沙過濾類別和Superbox（http://toddmotto.com/labs/superbox/）以在下拉菜單中顯示基於Premium插件Royal Slider的圖庫。

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

似乎與周圍的_animateTo皇家滑塊一個問題：在這個文件中的函數... http://bvh.delineamultimedia.com/wp-content/plugins/new-royalslider/lib/royalslider/jquery.royalslider.js?ver=3.0.93周圍線1825年，是造成滑塊不要當Superbox下拉菜單內正常工作特徵。當我點擊皇家滑塊上的下一個按鈕時，它似乎不想進入下一個圖像，直到我關閉了Superbox並再次打開它。然後是下一個圖像出現的時間。

本頁內容...... http://bvh.delineamultimedia.com/?page_id=13我似乎沒有與皇家滑塊有關的問題，這就是爲什麼我認爲與Superbox和Royal Sliders有衝突的問題。另外，在這個頁面上... 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並點擊第一張圖片，會出現一個下拉框，您將看到該圖庫。如果你點擊下一個箭頭，它不會轉到下一個圖像。如果您關閉了Superbox下拉菜單並重新點擊第一張圖片以查看Superbox下拉菜單，您將看到圖像移動到下一張圖片，但只有在您點擊下一個箭頭後關閉並重新打開超級框後纔會顯示。

我希望這是有道理的。非常感謝！

Answer 1

我檢出了Superbox.js中的代碼。問題是你在克隆元素而不是追加元素。在這種情況下，皇家滑塊。這條線是罪魁禍首，它創造了兩個不同的「滑塊」。其中只有一個正在工作，儘管它是隱藏的。

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)); 

因此，在總結，這一切都爲移動從列表項元素滑塊到Superbox其觸發時，並把它當它關閉時返回。