Featherlight隐藏div关闭

我正在尝试创建一个提交数据的预览屏幕，并将其显示在Featherlight Lightbox中。

我有以下示例代码。

jQuery(document).ready(function() { //Triggle when Preview Button is Clicked. jQuery('.OpenLightBox').off('click').on('click', function( e ) { var pa_firstname= jQuery('input[name="pa-[name_first]"]').val(); var pa_lastname= jQuery('input[name="pa-[name_last]"]').val(); if (pa_firstname == null || pa_firstname == '') { alert('Cannot be empty'); return false; } else { jQuery('.LightBox').empty(); jQuery('.LightBox').append('First Name in Ajax is' + pa_firstname + ' And Last Name in Ajax is ' + pa_lastname); //alert('done'); } jQuery.ajax({ url : padvisor_ajax.ajax_url, type : 'POST', dataType: 'json', data : { action: 'padvisor_test_ajaxcall_lightbox', pa_first_name: pa_firstname, pa_last_name: pa_lastname }, success: function (data) { jQuery.featherlight(jQuery('.LightBox'), {}); jQuery('.LightBox').toggle(); } }); return false; }); 

然后我有以下html代码来创建2个字段，一个提交按钮和一个预览按钮：

 
 First Name  '; Last Name Send Now Preview
 
This is the content, let the content dwell here 

当我使用.toggle时，我可以使用我的DIV向羽毛灯盒显示，但是当我关闭羽毛灯箱时，我无法理解如何隐藏

。

任何人都可以指导我如何在羽毛灯箱关闭时隐藏DIV，并让我知道这是否是正确的方法？

我的目标…从表单字段收集输入，通过ajax发送到php处理它，并在成功时，显示在预览灯箱中，我可以有一个关闭按钮和一个提交按钮。 关闭按钮可以关闭它，但提交按钮将具有与表单提交按钮相同的function。

问题1 ：我需要在羽毛灯关闭时切换隐藏。

问题2 ：当羽毛灯灯箱现在关闭，我再次点击预览按钮时，DIV只调用空，但它不会调用.append来放入值。

Answer 1

您需要将内容正确传递给featherlight，并且也不需要切换元素，因为featherlight将在close事件上执行此操作。

HTML

 First Name   Last Name Send Now Preview 
   

jQuery的

 //Triggle when Preview Button is Clicked. jQuery('.OpenLightBox').off('click').on('click', function( e ) { var pa_firstname= jQuery('input[name="pa-name_first"]').val(); var pa_lastname= jQuery('input[name="pa-name_last"]').val(); if (pa_firstname == null || pa_firstname == '') { alert('Cannot be empty'); return false; } else { var content = 'First Name in Ajax is' + pa_firstname + ' And Last Name in Ajax is ' + pa_lastname+''; jQuery('#content').html(""); jQuery('#content').html(content); jQuery.featherlight('#content', {}); } }); 

工作JSFiddle： https ：//jsfiddle.net/rdawkins/9vktzw88/