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

これどうやってするの？

もう 1 つの問題は、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/

Jクエリ

$('.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 に答える