將Jquery滑塊與模態彈出窗口相結合的問題

我正在構建時間軸/地圖。這是一個頂部有滑塊的地圖;當您拖動滑塊時，地圖上會顯示不同的圖標，可以單擊該圖標以參與模式彈出窗口（它也會在地圖上顯示疊加層）。它運行奇蹟，看起來很美，除了一件事：在加載時，顯示一切。我如何才能將它默認爲地圖上的第一個日期作爲唯一顯示的圖標和重疊？將Jquery滑塊與模態彈出窗口相結合的問題

的代碼如下，但我沒有太多的代碼，並不能找出我在做什麼錯：

有這樣

var popups = [ {id:"cultarg1969a", start:1969, end:1969},

然後像500 ID列表還有就是：

$(document).ready(function() { 
    $("#slider").slider({ 
    min: 1491, 
    max: 2020, 
    step: 1, 
    value: 1491, 
    }); 


$("#slider").bind("slide", function(event, ui) { 
    $(".category1,.category2,.category3,.category4,.category5,.iso").hide(); 
$("#yearIndicator").text(ui.value);    
     for (var index=0;index<popups.length;index++) { 
     var popup = popups[index]; 
     if (ui.value >= popup.start && ui.value <= popup.end) { 
    $("#" + popup.id).show(); 
    } 
} 
}); 

    $("#0").addClass("selected"); 

});

我只是想爲1491年的項目顯示在頁面加載時。我究竟做錯了什麼？謝謝。

來源

2012-12-18 hiaw

我認爲這不應該工作：'$（「＃0」）'，因爲ids不應該以數字開頭。 –

這是什麼意思？它目前工作，除了負載。 – hiaw

我的猜測是，您可能希望popups數組中的每個元素最初都隱藏起來，這最容易通過在其初始CSS中使用display: none來完成。當需要顯示它時，.show()調用應該覆蓋該display屬性。

來源

2012-12-19 03:50:43

將Jquery滑塊與模態彈出窗口相結合的問題

回答

相關問題