0

ajax が起動されたときに DOM に追加される 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ライトボックスです

4

2 に答える 2

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 を取得し、ライトボックスを閉じるように指示します。これを任意のイベントにフックできます。

于 2014-02-12T21:03:55.693 に答える