Javascript 简单警报框不'；如果第一次单击后无法关闭，如何使其工作？

我有一个简单的jquery脚本，在单击按钮后调用fancybox， 现在的问题是，第一次点击按钮后，花式盒子不会关闭，只有在第二次点击后

第二个问题是，在fancy框中，有一个表单有3个输入字段，submit按钮/按钮不能在一次单击中工作，它还需要被单击两次..有什么想法吗

jQuery("#hsbcloanbutton").click(function(e){

    e.preventDefault();
    var loanAmount = jQuery('#loanAmount').val();
    var loanTenure = jQuery('#loanTenure').val();
    var InstalmentAmount = jQuery('#InstalmentAmount').val();
    var loanName = jQuery('#loanName').val();
    var loanNric = jQuery('#loanNric').val();
    var loanContact = jQuery('#loanContact').val();
    if(loanAmount.length < 1 || loanTenure.length  < 1 || InstalmentAmount.length < 1)
    {
        alert("Please enter data");
        return false;
    } else if(isNaN(loanAmount) || isNaN(InstalmentAmount)){
        alert("Please put numbers only in Loan Amount and Instalment Amount fields");
        return false;
    } else {
                jQuery("#hsbcloanbutton").fancybox({
                'titlePosition' : 'inside',
                'transitionIn' : 'none',
                'transitionOut' : 'none',
                'hideOnOverlayClick' : false,
                'hideOnContentClick' : false,
                'showCloseButton' : false,
        });


    }
    jQuery("#hsbcloansubmitformbutton").click(function(e){
        e.preventDefault();
        jQuery.ajax({
            'type' : 'POST',
            'url' : "<?php echo Yii::app()->createUrl?>",   
        )};
    });
});

jQuery（“hsbcloanbutton”）。单击（函数（e）{
e、 预防默认值（）；
var loanAmount=jQuery（'#loanAmount'）.val（）；
var loanture=jQuery（'#loanture'）.val（）；
var InstalmentAmount=jQuery（'#InstalmentAmount'）.val（）；
var loanName=jQuery（'#loanName'）.val（）；
var loanNric=jQuery（'#loanNric'）.val（）；
var loanContact=jQuery（'#loanContact'）.val（）；
如果（loanAmount.length<1 | | loanture.length<1 | | InstalmentAmount.length<1）
{
警报（“请输入数据”）；
返回false；
}else if（isNaN（loanAmount）| | isNaN（分期付款））{
警报（“请仅在贷款金额和分期付款金额字段中输入数字”）；
返回false；
}否则{
jQuery（“hsbcloanbutton”）.fancybox({
“标题位置”：“内部”，
“transitionIn”：“无”，
“transitionOut”：“无”，
“HideOnOvercyclick”：false，
“hideOnContentClick”：false，
“showCloseButton”：false，
});
}
jQuery（“#hsbcloansubmitformbutton”）。单击（函数（e）{
e、 预防默认值（）；
jQuery.ajax({
'type'：'POST'，
“url”：“，
)};
});
});

您似乎正在初始化fancybox，单击事件：这可能是导致此问题的原因

在

$（document）.ready（）上初始化脚本

@Starx问题可能与此相关。将它们合并为一个是有意义的。@jimjimmy1995，同意。请参阅console.log（）查看您遇到的
if/else
条件的哪一部分。难以调试，@Starx，您是指firebug的console选项卡吗？在脚本或类似
console.log（'if entered'）的行中添加断点在你的脚本行中。如果我要这样做，验证将与花式框一起弹出
$(function() {
        jQuery("#hsbcloanbutton").fancybox({
                'titlePosition' : 'inside',
                'transitionIn' : 'none',
                'transitionOut' : 'none',
                'hideOnOverlayClick' : false,
                'hideOnContentClick' : false,
                'showCloseButton' : false,
        });
});