喜歡的東西$('.ele').is(':clicked');

我堅持用jQuery 1.7.2，而我所要做的是迫使一些調式元素的結束，在文檔中的任意位置單擊，一個已經打開的時候。

所以我有：

$('body').on('click', function() { 
    if ($('.calc-info').is(':visible') && !$('.mi').is(':clicked')) { 
     $('.calc-info').fadeOut('fast'); 
    } 
});

但它拋出一個錯誤，因爲沒有:clicked表達

注

.calc-info是模態
.mi是按鈕點擊打開所述模式

來源

2013-12-11 Kevin

你的意思是直接點擊？如果它的後代被點擊了，該怎麼辦？這應該算什麼？ –

'.mi'沒有後代，這是一個圖像 – Kevin

做它周圍的其他方法，檢查是否點擊的元素（event.target）選擇

$('body').on('click', function (event) { 
    if ($(event.target).is('.ele')) { 
     // do stuff 
    } 
});

符合你的情況我會用

$('body').on('click', function (event) { 
    if ($('.calc-info').is(':visible') && 
     !($(event.target).closest('.mi').length) 
     ) { 
      $('.calc-info').fadeOut('fast'); 
    } 
});

來源

2013-12-11 16:54:46 adeneo

'$（event.target）.is（'。ele'）'完美運作。 – Kevin

@ o7thWebDesign它會工作，但如果你有一些其他元素.ele。這是行不通的。所以你也必須檢查祖先節點。 –

作爲我的評論下的問題狀態...「'.mi'（這是'.ele'）沒有後代，它是一個圖像」 – Kevin

只是去檢查點擊的element是否具有要排除的class。它只是一種short circuit的實現。如果用戶直接點擊目標元素，以下代碼將阻止不必要的dom traversal。

試試這個，

$('body').on('click', function (e) { 
    if ($('.calc-info').is(':visible') 
    && !$(e.target).hasClass('mi') 
    && !$(e.target).parents('.mi').length) { 

     $('.calc-info').fadeOut('fast'); 

    } 
});

來源

2013-12-11 16:54:55

@Downvoter。你的話目前會非常有用。謝謝！ –

是不是我，但'e'是事件，它不能有一個類 – adeneo

@ adeneo謝謝。其實這是一個錯字。我只是糾正它。 –

嘗試這樣的事情。

$('mi').on('click', function() { 
$('mi').attr('rel',"clicked"); 
}); 
$('body').on('click', function() { 
if ($('.calc-info').is(':visible') && !$('.mi').attr('rel')=='clicked') { 
    $('.calc-info').fadeOut('fast'); 
} 
});`

來源

2013-12-11 17:02:05 StormRideR

確定一個元素是否被點擊？

注

回答

確定一個元素是否被點擊？

注

回答

相關問題