jquery - 尝试使用 jQuery 获取 css 左悬停属性

Question

我正在尝试使用 jQuery 获取左侧属性，其中 css 写为

#sldn_mnu li:hover ul ul {left:-6000;}

下面是我的警报，它输出 (-7000) 这是左边的 Prop 。这种风格:#sldn_mnu ul ul {left:-7000;}。有任何想法吗？谢谢。

alert($('#sldn_mnu li').hover().find('ul ul').css('left'));

相关html: 我正在尝试与次要

元素 1.1.1 下拉列表交谈。

<div id="sldn_mnu">
    <ul>
    <li><a href="#">HELLO</a></li>
    <li class="sldn_mnu-drop"><a href="#" ><span class="sldn_mnu-label">WORK</span></a>
        <ul>
          <li class="sldn_mnu-subDrop"><a href="#">Item 1.1</a>
            <ul>
              <li><a href="#" >Item 1.1.1</a></li>
              <li><a href="#" >Item 1.1.2</a></li>
            </ul>
          </li>
          <li><a href="#" >Item 1.2</a></li>
          <li><a href="#" >Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="#" >Item 2</a>
        <ul>
          <li><a href="#" >Item 2.1</a></li>
          <li><a href="#" >Item 2.2</a></li>
          <li><a href="#" >Item 2.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3</a></li>
    </ul>

Answer 1

您可以做的是覆盖“悬停”事件并在那里做您的事情，例如:

JS:

$('#sldn_mnu li').bind('hover',function(e){
  //console.log($(this).find('ul ul').css('left'));
  alert($(this).find('ul ul').css('left'));
});​

然而，将 css 类添加到 <ul> 会更简单你想问left ，那么你可以写:

console.log($(this).find('ul.<your_ul_css_class>').css('left'));

另一个简化是将 css 类添加到 <li>你想触发计算，那么所有这一切可能是这样的:

$('li.<your_li_css_class>').bind('hover',function(e){
  console.log($(this).find('ul.<your_ul_css_class>').css('left'));
});​