простой предупреждающий ящик не закрывается после первого щелчка, что делать, чтобы заставить его работать?

Question

У меня есть простой JQuery скрипт, который вызывает FancyBox после кнопка была нажата, теперь проблема, фантазия окно не закрывается после первого нажатия кнопки, только после того, как 2-я клика ...

Вторая проблема заключается в том, что внутри фэнтези есть форма с тремя полями ввода, кнопка/кнопка отправки не работает одним щелчком мыши, ее нужно дважды щелкнуть. Любые идеи о том, что делать?

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?>", 
     )}; 
    }); 
}); 

Answer 1

Кажется, что вы инициализируете свой fancybox, на событие click: Это может быть причиной этого.

Инициализировать сценарий на $(document).ready()

$(function() { 
     jQuery("#hsbcloanbutton").fancybox({ 
       'titlePosition' : 'inside', 
       'transitionIn' : 'none', 
       'transitionOut' : 'none', 
       'hideOnOverlayClick' : false, 
       'hideOnContentClick' : false, 
       'showCloseButton' : false, 
     }); 
});