0

我在取消设置元素的偏移量时遇到问题。这是我在 jsfiddle 中的代码：http: //jsfiddle.net/hhQH2/39/

这是我的代码：HTML：

<div class="div" id="378246"></div>
<div class="promoBook" id="378246"></div>
<div class="availability"><div class="avClose">X</div></div>
<div class='tellme'></div>

CSS：

.promoBook{
margin-top: 100px;
margin-left: 100px;
background: #333;
width: 120px;
height: 45px;
    color: #fff;
}
.availability{
position: absolute;
background: red;
width: 200px;
height: 150px;
    display: none;
}

查询：

//pop up availability 
$(".promoBook").click(function(){
    var btnavail = $(".availability");
    var bookId = $(this).attr("id");
    var btnpos = $(this).offset();

    $(".tellme").text(btnpos.left + btnpos.top);

    //change position of availability div
    btnavail.offset(btnpos);
    btnavail.show();
    $(".avClose").click(function(){
    btnavail.hide();
    btnavail.offset({left:0,top:0});    
    });

    });​

主要问题是它没有擦除设置的偏移量......它保存旧的并添加新的。我希望这是有道理的..任何帮助将不胜感激！

4

1 回答 1

1

在 jQuery 文档中：

注意：jQuery 不支持获取隐藏元素的偏移坐标或考虑在 body 元素上设置的边框、边距或填充。

我相信当你想设置它时它是一样的；）

要解决您的问题，只需反转 close 方法的两行：

$(".avClose").click(function(){
    btnavail.offset({left:0,top:0});    
    btnavail.hide();

});
于 2012-05-28T23:33:20.397 回答