2013-10-02 67 views
0

我有HTML的內容,當ajax被激發時被添加到DOM。並且我想在成功響應時關閉燈箱,但它不關閉。觸發器('關閉')不工作lightbox_me與ajax html內容

$(document).on("click", ".enquiry_form_submit" ,function(){ 
    var str = $("form#new_enquiry").serialize(); 
    $.ajax({ 
    type: "POST", 
    url: "/enquiries", 
    data: str, 
    success: function(data){ 
     $('#enquiry-form').trigger('close'); 
     alert("test"); 
     $('#enquiry-form-submitted-info').lightbox_me({ 
     centered: true, 
     closeClick: true, 
     closeEsc: false, 
     onLoad: function() { 
      $("#enq-form_submit-info").html(data) 
     } 
     }); 
    } 
    }); 
    return false 
}); 

trigger('close')這裏沒有

enquiry_form工作是收藏

+0

什麼是「查詢表單」? – tymeJV

+0

@tymeJV'enquiry_form'是lightbox div –

回答

0
$('#enquiry-form').trigger('close'); 

你想打電話詢問形式,這是錯誤的close方法。

你必須調用類似

$('.close').click(); 

如果密切聯繫已要求密切

0

類如何關閉一個jQuery燈箱

轉到它是誰寫的傢伙源,有一個基本的例子:

http://buckwilson.me/lightboxme/

如果你定義你的收藏夾是這樣的:

$('#my_lightbox').lightbox_me({ 
     centered: true, 
     onLoad: function() { 
     //statements to configure how the lightbox looks 
     } 
}); 

然後就可以關閉它是這樣的:

$('#my_lightbox').on('click', function(){ 
    $('#my_lightbox').trigger('close'); 
}); 

所以你拍攝的收藏夾本身使用jQuery的單擊事件。您正在運行該事件的功能。然後你得到了燈箱的ID,然後告訴燈箱關閉。你可以把它鉤住任何事件。