2013-06-22 78 views
0

我有幾個彈出窗口(pop1),(pop2),(pop3),它們在我的網頁上單擊按鈕「Next」時依次出現。所以我不能實際訪問彈出,因爲他們是遠程觸發。彈出窗口遠程激活觸發事件

這裏是一個展示jsbin過程 http://jsbin.com/akutis/5/edit (一定要點擊「與JS運行」)

我想觸發CSS操作,如背景顏色變化,POP2出現時。

我嘗試過使用類似這樣的東西,但這是我可以想出的......任何想法如何用Jquery做到這一點?

var number = 0; 

$("#NextBtn").click(function() { 
    if (currentPopover >= 0) { 
    popovers[currentPopover].popover('hide'); 
    } 

    currentPopover = currentPopover + 1; 
    popovers[currentPopover].popover('show'); 

    number = number + 1; 
    if (number=2) { 
    $("#main_container").css("background-color", "red"); 
    } 

}); 
+0

看看這個擴展插件酥料餅它https://github.com/lecar-red/bootstrapx-clickover有一個'onShown'和'onHide'事件,給你更多的控制權上popovers您頁。 – claustrofob

回答

0

你只需要在你的身體標記添加ID =「main_container」,並要小心您的測試:你寫number=2與其使用number==2

$("#NextBtn").click(function() { 
    if (currentPopover >= 0) { 
    popovers[currentPopover].popover('hide'); 
    } 

    currentPopover = currentPopover + 1; 
    popovers[currentPopover].popover('show'); 

    number = number + 1; 
    if (number==2) { 
    $("#main_container").css('background-color','red'); 
    } 

}); 
相關問題