javascript - 未捕获的类型错误 : undefined is not a function onClick

Question

当我尝试单击关闭按钮时，出现异常

Uncaught TypeError: undefined is not a function onClick

这是我的 JSP 代码片段

<input name="close" id="closeIFrame" type="button" onClick="window.parent.location.href = window.parent.location.href; window.parent.closeSearchLightBox();" value='Close' title="Close" class="btn btn-primary pull-right" />

忘记提及 closesearchLightBox 定义为

    $(function() {
        $("#getAssistance").click(function(e) {
            e.preventDefault();
            var href = $(this).attr('href');
            if (href != undefined && href.indexOf('#') != 0 && href.indexOf('/broker/search') != 0) {
                $(
                        '<div id="searchBox" class="modal bigModal modalsize-l" data-backdrop="static"><div class="searchModal-header gutter10-lr"><button type="button" onclick="window.location.reload()" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="aria-hidden">close</span></button></div><div class=""><iframe id="search" src="' + href + '" class="searchModal-body"></iframe></div></div>')
                        .modal();
            }
        });
        $("#pop_findAgent").click(function(e) {
            e.preventDefault();
            var href = '/hix/broker/search?anonymousFlag=N';
            openFindBrokerDialog(href);
        });
    });

    function openFindBrokerDialog(href)
    {
        $('<div id="brokersearchBox" class="modal bigModal modalsize-l"><div class="searchModal-header"><button type="button" class="agentClose close"><span aria-hidden="true">&times;</span><span class="aria-hidden">close</span></button></div><div class=""><iframe id="search" src="' + href + '" class="searchModal-body"></iframe></div><div class="modal-footer txt-center"></div></div>').modal({show: true});
    }

    function closeSearchLightBox() {
        $("#searchBox").remove();
    }

    function closeSearchLightBoxOnCancel() {
        $("#searchBox").remove();
    }

    $('.agentClose').live('click',function(){
        $('#brokersearchBox, .modal-backdrop').remove();
        $('body').removeClass('modal-open');
        location.reload();          
    });

    $(document).keyup(function(e) {
        if (e.keyCode == 27) {
            $('#brokersearchBox').remove();
        }  
    });

    $('#closeAgentSerchBox').click(function(event){
        event.preventDefault();
        $( ".agentClose" ).trigger( "click" );
    });

Answer 1

将其放入单独的函数并在单击时调用它:

<input name="close" id="closeIFrame" type="button" onClick="doIt()" value='Close' title="Close" class="btn btn-primary pull-right" />

function doIt() {
  window.parent.location.href = window.parent.location.href;
  window.parent.closeSearchLightBox();
}

是的，closeSearchLightBox() 似乎未定义。