jquery - 在jquery中单击按钮后如何关闭花式框？

Question

您好，我正在使用 Fancy 框加载一些内容，当单击按钮时，Fancy 框应该关闭。

这是我的代码:

function confirmation(){
        var htmlStr = '<div class="form"><form:form id="confirmBox" method="POST" action="tagging">'
        + '<label>Do you want to Map Or Tag? </label>'
        + '<br>'
        + '<br>'
        + '<br>'
        + '<input type="button" name="confMapBtn" id="confMapBtn" value="MAP" class="ui-button ui-widget ui-corner-all">'

        + '<input type="button" name="confTagBtn" id="confTagBtn" value="TAG" class="ui-button ui-widget ui-corner-all">'
        + '</form:form></div>';
    $.fancybox.open(htmlStr, {

    'width' : 950,
    'height' : 1100,
    'autoScale' : false,
    'transitionIn' : 'none',
    'transitionOut' : 'none',
    'hideOnContentClick' : false,
    'afterLoad': function(){

        $("#confMapBtn").click(function(){
            if($(this).data('clicked', true)){
                mapping();
            }
        });

        $("#confTagBtn").click(function(){
            if($(this).data('clicked', true)){
                tagging();
            }
        });
    }
    });
    }

注意:每当单击按钮时，它都会执行某些功能，但在此之前应关闭该 Fancy 框。

更新:当从上面的花式框中单击按钮时，另一个花式框会打开，但没关系，当前的花式框应该在显示按钮单击后出现的花式框之前关闭。

感谢帮助，谢谢

Answer 1

试试这段代码:使用$.fancybox.close();否则会有一个名为

的类

fancybox-close 当 fancybox 打开时，只需触发点击即可。

$("#confMapBtn").click(function(){
     if($(this).data('clicked', true)){
            mapping();
            $(".fancybox-close").trigger("click");
        }


}

或

$("#confMapBtn").click(function(){
   if($(this).data('clicked', true)){
            mapping();
           $.fancybox.close();
   }

}