jquery - 在 jQuery 中获取动态元素的状态

Question

我正在构建一个网站，我想在其中使用动态导航 - 单击给定的菜单项时，主菜单会滚动到右侧，并且辅助菜单会出现在原来的位置。

$('.mainMenuItem').click(function(){
 $('.mainMenu').animate('properties so that item slides right');
 $('.secondaryMenu').show();
});

非常基本的东西。我想要的是获取二级菜单的状态或主菜单的位置等。

已经尝试过:

$('.element').is(':visible');
$('.element').css('display');

还有

$('.element').offset();

它们都工作正常，但它们只显示元素的初始状态，并且在用户浏览不同页面时不会随着网站更改而更新。如何获取元素的实际更新属性？

ps。整个事情都集成到 Joomla 中 - 我不知道这是否会干扰事情的正常工作。

提前致谢，干杯!

Answer 1

您应该将代码移至函数中:

   function checkState (el) { 
       return $(el).css('display');
   }
   checkState('.element');

它只显示元素的初始状态的原因是因为您的值在初始化时进行评估(当脚本或文档完成加载时，如果您使用 $(document).ready() )。通过将其移动到函数并在单击或任何其他事件时调用它，然后在需要时评估该值。

这是 fiddle 中的一个示例:http://jsfiddle.net/zfXVm/1/