1

我有一个#contactblurb在 HTML 中定义的 id 元素：

<div id="contactblurb" class="tab">
  email:  info@something.co.uk
</div>

当鼠标悬停在另一个元素（#contactNav）上时，我想隐藏一些其他元素并显示这个#contactblurb。我希望能够用其他元素来做到这一点，而不仅仅是#contactblurb，所以我在 jquery 中创建了一个函数，它需要（我认为是）要隐藏的元素：

var HideSlidesAndShowMe = function($elem)
{
  $('#slides').fadeOut('slow', function()
  { 
    $('#acorn').css({opacity : 0.05});

    $elem.show();
  });
}

我通过以下方式调用它：

$("#contactNav").hover( function () {
                                   HideSlidesAndShowMe($("#contactblurb")) ;
                                 },
                                 function () 
                                 {
                                   // other stuff on exit hover.
                                 }
                    );

但它没有显示#contactblurb，但它确实做了其他事情。

我传递论点的方式有问题吗？

4

1 回答 1

1

工作演示：http: //jsfiddle.net/g9kBC/

这似乎表现得很好再次检查你的html和右括号，即使有$符号它也应该表现得很好:)

代码

var HideSlidesAndShowMe = function($elem) {
    //$('#slides').fadeOut('slow', function() {
      //  $('#acorn').css({
        //    opacity: 0.05
        //});
       alert($elem.attr('id'));
        $elem.show();
    }


$("#contactNav").hover(function() {
    alert('f');
    HideSlidesAndShowMe($("#contactblurb"));
}, function() {
    // other stuff on exit hover.
});​
于 2012-07-25T11:12:20.877 回答