0

问题是：我有一个带有链接的 div，单击时应该在 div 本身上方/内部打开一个带有淡入和淡出的 jQuery 对话框。我创建了这个：

 $(function() {
      $( ".div" ).click(function() {
          $("#dialog").fadeIn(1000).delay(400).fadeOut(1000)
      });
 });

<div id="dialog" title="Basic dialog" style="display: none">Add to cart</div>

#dialog{
background-color: #FFFEDF;
border: 1px solid #FFECA2;
width: 123px;
text-align: center;
padding: 3px 9px;}

这是一个例子:)

http://img593.imageshack.us/img593/9852/exampled.jpg

我怎样才能做到这一点？

另一个问题是：如果我有很多 div，我必须<div id="dialog"> Add to cart </ div>为每个 div 输入吗？

像这样的东西？

$('.div').each(function(){
  $(this).click(function(){
    $('#dialog').fadeToggle();
  })
})
4

1 回答 1

0

这是工作小提琴：http: //jsfiddle.net/surendraVsingh/NyuNa/2/

jQuery

$('.div').click(function(){

    $('#dialog').fadeToggle();

})​

CSS

.div{
background-color: #fff;
border: 1px solid #FFECA2;
width: 123px;
text-align: center;
padding: 3px 9px;
position:relative;
}

#dialog{
    display:block;
    position:absolute;
    display:none;
    left:0; top:0;
    width:100%; height:100%;
background-color: #FFFEDF;
border: 1px solid #FFECA2;
width: 123px;
text-align: center;
padding: 3px 9px;
}​
于 2012-07-28T11:32:08.277 回答