花式框回调函数.load jquery

Question

$("#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'
        });
    });
});

after i click the button. i use a callback function to reintialise a#p it can't work? any solution?

        <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>

Answer 1

are you sure you want to select $("#res"+(d-1)+"a#p") ?

Im assuming that d is a number and you will therefore generate:

#res3a#p

in your selector, which is invalid, youre probably trying to do this

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

Answer 2

$("#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'
    });
});