Question

问题是：我有一个带链接的div，点击它应该在div上面/内部用fadein和out打开一个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输入<div id="dialog"> Add to cart </ div>吗？

这样的东西？

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

Answer 1

这是工作小提琴：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;
}

jQuery对话框进入div

1 个答案: