2014-03-28 109 views
0

有一個在我的網頁,有一些項目一<select>,這些項目中的一個是「選擇...」,默認之一,-1值。頁面中還有一個按鈕,當用戶點擊該按鈕時會顯示一個模式窗口。如果<select>的選擇值是-1,我想防止打開模式窗口。有條件的點擊動作預防

這是第一次運作。當用戶更改所選項目並單擊#triger時,它將打開模式窗口,但當所選項目更改爲默認值並點擊#trigger時,它將再次顯示模式窗口。

$("#triger").on("click", function() { 
    if ($("#ContactorDropDownList").val().toString() == "-1") { 
     return false; 
    } 
}); 

注意:我正在使用UIKit框架。

的jsfiddle:

<a href="#details" id="triger"><i class="uk-icon-plus-square"></i></a> 

,並讓您的JS是這樣的::http://jsfiddle.net/maysamsh/rLQDK/37/

+0

跟蹤控制檯中下拉列表的值,當模態再次出現時,它具有什麼值?這可能會讓你走上錯誤的道路。 – Goose

+0

我追蹤到它,它是-1。 – Maysam

+0

您可以發佈剩餘的標記嗎? 'select','trigger'按鈕等(PS你有兩種不同的方式觸發/觸發器)。 – Goose

回答

2

您可以手動顯示/先刪除數據屬性隱藏彈出

$("#triger").on("click", function() { 
    if ($("#ContactorDropDownList").val().toString() == "-1") { 
     return false; 
    } 

    var modal = new $.UIkit.modal.Modal("#details"); 
    if (modal.isActive()) { 
     modal.hide(); 
    } else { 
     modal.show(); 
    } 
}); 

這裏是一個demo fiddle

+0

好破解+1 ... –