花哨的盒子回调函数.load jquery

时间:2012-05-31 03:16:26

标签: php javascript jquery fancybox

$("#btnOK").click(function(){
    parent.$("#res"+(d)).load("Customise.php #uni", "PID="+$("#P option:selected").val());
    parent.$.fancybox.close(function(){
    $("#res"+(d-1)+" a#p").fancybox({
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
            'width':400,
            'height':300,
            'overlayOpacity'    : 0.5,
            'type'              : 'iframe'
        });
    });
});
单击按钮后

。我使用回调函数来重新标记#p它无法正常工作? 任何解决方案?

        <div class="cell">
    <label id="pID">PID</label> <br /> <input type="text" id="txtPID" size="3" value="<? if(is_numeric($pID)) print("$pID"); ?>"/>   
    <a href="SelectP.html" id="p"><img src="Images/P.png" name="SelectP_button" id="SelectP_button" /></a>
    </div>

2 个答案:

答案 0 :(得分:0)

你确定要选择$(“#res”+(d-1)+“a#p”)吗?

我假设d是一个数字,因此您将生成:

#res3a#p
在您的选择器中

,这是无效的,您可能正在尝试这样做

$("#res"+(d-1)+" a#p")

答案 1 :(得分:0)

$("#btnOK").click(function(){
    parent.$("#res"+(d)).load("Customise.php #uni", "PID="+$("#P option:selected").val());
    parent.$.fancybox.close();
});


$("#res"+(d-1)+" a#p").fancybox({
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'width':400,
        'height':300,
        'overlayOpacity'    : 0.5,
        'onClosed: function(){
         $("#res"+(d-1)+" a#p").fancybox({
                   'transitionIn'  : 'elastic',
                   'transitionOut' : 'elastic',
                   'width':400,
                   'height':300,
                    'overlayOpacity'    : 0.5,
                    'type'              : 'iframe'
                     });
         },
        'type'              : 'iframe'
    });
});