2012-07-20 130 views
2

我有一個功能可以從數據庫中刪除一些商務信息,我希望確認信息出現在Lightbox中。它在一個收藏夾打開,但它接近幾乎立即=/jQuery Ligthbox立即打開和關閉

的jQuery:

$('a#MontrerSuppression').click(function(){ 

    $('#BackgroundSuppression,#Suppression').fadeIn('fast'); 

}); 

$('a#CacherSuppression').click(function(){ 

    $('#BackgroundSuppression,#Suppression').fadeOut('fast'); 

}); 

PHP/HTML:

<a href='myaccount.php?IDCommerce=<?php echo $Commerce['IDCommerce'];?>' id="MontrerSuppression">Supprimer Commerce</a> 

CSS:

BackgroundSuppression {寬度:100%;身高:100%;位置:絕對;頂部:0;左:0;背景顏色:#999;不透明度:0.5; z-index:1; display:none;}

Suppression {position:absolute;寬度:375px;背景:#fff; border:1px solid#000; padding:20px 20px 10px 10px;頂部:50%; margin-top:-130px;左:50%; margin-left:-250px; z-index:2;顯示:無;文本對齊:中心;}

形式:

  <div id="Suppression"> 
      <a href="#" id="CacherSuppression"><strong>×</strong></a> 

      <?php supprimerCommerce(); ?> 

      <form method="POST" action="myaccount.php"> 
       <p>Êtes vous sur de vouloir supprimer votre commerce?</br>Une fois supprimer les informations seront perdu à jamais.</p> 
       <input type="submit" name="Confirmer" value="Oui"/> 
       <input type="submit" name="Annuler" value="Annuler"/> 
      </form> 
     </div> 

認爲這個問題是在路上我「鏈接」的HTML鏈接到jQuery的功能,但無法弄清楚什麼是正確的方法去做吧。

真正的欣賞,如果有人能夠給我一些幫助

+1

我沒有看到任何錯誤,你能告訴我們#BackgroundSuppression#Suppression代碼嗎? – sdespont 2012-07-20 07:46:00

+0

當然,但它只是CSS。 – 2012-07-20 07:52:17

+0

我認爲Bouillou是指帶有這些id的html。你用jQuery來控制其他東西嗎? – 2012-07-20 08:04:21

回答

0

試試這個fiddle,讓我知道,如果它是確定你

編輯

OK,我明白了。事實是,onclick事件被href鏈接覆蓋。 試試這個小提琴版本:http://jsfiddle.net/dMpNE/1/

+0

沒有鏈接很好。但是,當我添加鏈接,同樣的問題=/ – 2012-07-20 08:29:30

+0

和新的小提琴版本? – sdespont 2012-07-20 08:40:17

0

我希望a#MontrerSuppression包含一個href屬性。所以要刪除它從點擊嘗試以下。

$('a#MontrerSuppression').click(function(event){ 
    event.preventDefault(); 
    $('#BackgroundSuppression,#Suppression').fadeIn('fast'); 
});