jQuery Lightbox立即打开和关闭

时间:2012-07-20 07:40:39

标签: jquery lightbox

我有一个从数据库中删除某些商业的功能,我希望确认显示在灯箱中。它确实在灯箱中打开但几乎立即关闭= /

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 {width:100%;身高:100%;位置:绝对;顶部:0;左:0;背景色:#999;不透明度:0.5; z-index:1; display:none;}

抑制{position:absolute;宽度:375px;背景:#fff; border:1px solid#000;填充:20px 20px 10px 10px;最高:50%;             margin-top:-130px;左:50%; margin-left:-250px; z-index:2; display:none; text-align:center;}

表格:

            <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函数的方式,但无法弄清楚执行它的正确方法。

真的很感激,如果有人能给我一些帮助

2 个答案:

答案 0 :(得分:0)

试试这个fiddle并告诉我你是否可以

修改

好的,我明白了。事实是onclick事件被href链接覆盖。 试试这个小提琴版:http://jsfiddle.net/dMpNE/1/

答案 1 :(得分:0)

我希望a#MontrerSuppression包含一个href属性。因此,要从单击中删除它,请尝试以下操作。

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