Javascript对象之间的比较

时间:2009-01-16 01:17:17

标签: javascript jquery

我使用jQuery为我的网站制作了一个简单的手风琴......效果很好,但我最近开始进行更改,如果你点击当前打开的片段标题(可点击区域向上/向下滑动) ,它应关闭当前部分。

var sideMenu = {
        activated: {},
        setup: function() {
        $('.menu-category-heading').bind('click', function() { 
                                                      sideMenu.slideMenu($('ul', $(this).parent()));
                                                      });

        }, 

        slideMenu: function(menuObj) {

            if (sideMenu.activated == menuObj) {

                $(sideMenu.activated).slideUp(400);
                sideMenu.activated = null;
                console.log('same');

            } else {

                $(sideMenu.activated).slideUp(400);
                menuObj.slideDown(500);
                sideMenu.activated = menuObj;
                console.log('new');
            }
        }


    }

出于某种原因,比较永远不会有效...如果我添加$(menuObj).attr('id')并且激活相同的话,它会发生。但这并不理想,因为并非所有项目都具有id属性。

有关使对象比较有效的建议吗?还是其他任何提示?

谢谢!

1 个答案:

答案 0 :(得分:3)

您可能正在保存jQuery对象($调用的结果)而不是本机元素。每次执行$(myEl)时,都会创建一个新对象,并且引用将不匹配,但本机元素将会匹配。尝试:

if (slideMenu.activated[0] == menuObj[0]) {
    ...
}