jQuery La fenêtre modale ne se charge pas

Question

Je travaille sur un site wordpress et j'ai besoin de fenêtres de superposition. Ils apparaissent bien quand je travaille localement, mais pour une raison quelconque lorsque je mets mes changements sur le serveur en direct, la fenêtre ne s'affiche pas. Quelqu'un sait pourquoi c'est?

Le mot "Aristokraft" dans la barre latérale de cette page devrait déclencher la fenêtre: http://friendlumber.com.s111208.gridserver.com/kitchens-and-baths/kitchens/cabinets

--html--

<div id="popup_name" class="popup_block"> 
    <div id="image"><img src="img/doorbig.jpg" border="0"/></div> 
     <div id="gallery-shell"> 
     <a href="#" rel="img/doorbig.jpg" class="image"><img src="img/doorthumb.jpg" class="thumb" border="0"/></a> 
     <a href="#" rel="img/doorbig.jpg" class="image"><img src="img/doorthumb.jpg" class="thumb" border="0"/></a> 
     <a href="#" rel="img/doorbig.jpg" class="image"><img src="img/doorthumb.jpg" class="thumb" border="0"/></a> 
     </div> 
</div> 

--trigger html--

<li><a href="#?w=500" rel="popup_name" class="poplight">Aristokraft</a></li> 

--script--

$(document).ready(function() { 
    //Code goes here 



    //When you click on a link with class of poplight and the href starts with a # 
$('a.poplight[href^=#]').click(function() { 
    var popID = $(this).attr('rel'); //Get Popup Name 
    var popURL = $(this).attr('href'); //Get Popup href to define size 

    //Pull Query & Variables from href URL 
    var query= popURL.split('?'); 
    var dim= query[1].split('&'); 
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value 

    //Fade in the Popup and add close button 
    $('#' + popID).fadeIn().css({ 'width': Number(900) }).prepend('<a href="#" class="close"><img src="img/cancel.png" class="btn_close" title="Close Window" alt="Close" /></a>'); 

    //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css 
    var popMargTop = ($('#' + popID).height() + 80)/2; 
    var popMargLeft = ($('#' + popID).width() + 80)/2; 

    //Apply Margin to Popup 
    $('#' + popID).css({ 
     'margin-top' : -popMargTop, 
     'margin-left' : -popMargLeft 
    }); 

    //Fade in Background 
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. 
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 

    return false; 
}); 

//Close Popups and Fade Layer 
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer... 
    $('#fade , .popup_block').fadeOut(function() { 
     $('#fade, a.close').remove(); //fade them both out 
    }); 
    return false; 
}); 




}); 

Answer 1

$('a.poplight').click(function() 

Changez votre selecter comme ceci et essayez-le