javascript - 下拉菜单 - 检查是否使用 "isActive"属性打开

Question

相关bootstrap.js代码:

...
Dropdown.prototype = {

  constructor: Dropdown

  , toggle: function (e) {
     var $this = $(this)
     , $parent
     , isActive

  $parent = getParent($this)

  isActive = $parent.hasClass('open')
  ....

有没有办法在 oneliner jquery 中使用 isActive 检查打开的下拉列表，例如:

if($('#dropdownElement').isActive) 

我知道我可以做类似的事情:

var parent = $('#aParentID');
if(parent.hasClass('open')) { ...

但是我想知道我是否能够那样做，谢谢。

Answer 1

如果你需要一个单行，那就把它写成一个插件

(function($){
    $.fn.isActive = function(){
        console.log(this)
        return $(this.get(0)).hasClass('open')
    }
})(jQuery)

然后

$('#dropdownElement').isActive()

演示:Fiddle