2013-04-24 59 views
-1

按鈕類,我有以下元素如何檢測上顯示點擊次數在引導

<button type="button" class='launch' data-toggle="modal" data-target="#myModal">Launch modal</button> 
<button type="button" class='boom' data-toggle="modal" data-target="#myModal"> Boom </button> 

,我有一個事件監聽器:

$('#myModal').on('show', function() { 

     // how do I check if button has class launch or boom? 
}) 

我該如何檢查,如果按鈕具有類上市或功能內的繁榮? 或換句話說,問題是如何獲得在此函數內觸發此操作的按鈕。

+0

它取決於你要檢查什麼按鈕。更好地使用onclick並將其綁定到按鈕上。如下面的答案所示,使用jQuery的.hasClass()方法 – 2013-04-24 05:42:36

+0

您的意思是取決於要檢查的按鈕? – adit 2013-04-24 05:43:30

+0

爲什麼不聽「click」事件? – undefined 2013-04-24 05:47:31

回答

0

使用jQuery .hasClass方法來檢查類是否存在。

$('#element').hasClass('launch'); // returns true or false; 

嘗試下面的代碼。請.myModalbtn類添加到兩個按鈕

$('.myModalbtn').on('hidden', function() { 

     $(this).hasClass('launch')) // if the it has launch class -> returns true else false; 
}); 
+0

中獲得觸發器按鈕,但我無法訪問myModal中的按鈕。 – adit 2013-04-24 05:39:59

+0

這是爲什麼? – Techie 2013-04-24 05:41:20

+0

我不知道如何獲得按鈕,我需要獲取觸發此模式的按鈕才能顯示。 – adit 2013-04-24 05:42:05

0

您可以添加一個單獨的類爲每個按鈕像.modalBtn例如,做:

$('.modalBtn').click(function() { 
if ($(this).hasClass('launch')) showModal($('.launch')); 
else if ($(this).hasClass('boom')) showModal($('.boom')); 
}); 

function showModal($btn) { 


//insert code to show modal (you can find it in the bootstrap javascript docs. Now you have $btn object to use. 



} 
相關問題