0

当我用光标遍历它时，我需要显示一个 div（被调用）。Over div 具有绝对位置。我用jquery做到了。它工作得很好，但唯一的问题是 over div 没有得到父 div 宽度。我用jquery来做，代码如下：

var count = 0;
$('.resultbox').each(function(){
    $('#main').append('<div class="content" id="t'+count+'"></div>');
    $('#t' + count).append('<div class="over"></div>');

    $('#t'+count).append('<span>some text here</span>');

    $('.asd', this).each(
            $('#t' + count).append('<span>and other text here</span>');
        });
    });
    //alert('');
    $('#t' + count + ' > .over').css('width', $('#t' + count).css('width'));
    $('#t' + count + ' > .over').css('height', $('#t' + count).css('height'));
    count++;
});

$('.content').mouseenter(function(){
    $('.over', this).show();
}); 

$('.content').mouseleave(function(){
    $('.over', this).hide();
});

和CSS是：

#main{
width: 100%;
position: absolute;
top: 0px;
height: 100%;
background-color: #FFF;
z-index: 999;
text-align: left;   
}

.content{
width: auto;
display: inline-block;
margin: 20px;
padding: 5px;
border: 1px solid #000;
clear: both;
}

.content span{
display: inline-block;
}

.over{
position: absolute;
background: url(share.png) #FFF no-repeat center center;
opacity: 0.6;
z-index: 999;
display: none;
}

.over:hover{
cursor: pointer;
}

如您所见，我还发出了警报。如果我在 div 上评论它不会得到他的父宽度，而如果我不评论它，在 div 上得到正确的父宽度。为什么！？

谢谢， 马蒂亚

4

1 回答 1

0

当您尝试查找宽度时，我闻到您的 HTML 中的父元素没有被加载。当您发出警报时，父元素会加载。请在确保加载父元素时尝试查找父元素的宽度。

于 2012-05-17T10:22:54.537 回答