2015-12-04 3 views
0

Я пытаюсь закрыть эту форму, когда кнопка нажата без обновления страницы. Затем кто-то другой поместит в код Ajax. Эта форма всплывает, поэтому всплывающее окно необходимо закрыть. В настоящее время я могу нажать кнопку без обновления, но мне нужно открыть всплывающее окно. Я нашел различные с помощью Ajax и т. Д., Но, как сказал, кто-то еще будет помещать Ajax после того, как я смогу закрыть его. Это форма кодВсплывающее окно закрытие страницы с обновлением страницы после отправки

<div id="contact_form"> 
    <form role="form"> 
    <div class="form-group"> 
     <label for="rangeStart1">Range Start</label> 
     <input type="text" class="form-control" id="rangeStart3" placeholder="Range Start"> 
    </div> 
    <div class="form-group"> 
     <label for="rangeFinish1">Range Finish</label> 
     <input type="text" class="form-control" id="rangeFinish3" placeholder="Range Finish"> 
    </div> 

    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 
</div> 

Здесь функция (которую я нашел здесь на Stackoverflow)

function sendContactForm(){ 
$('#contactForm').submit(function() { 
    sendContactForm(); 
    return false; 
}); 
+0

кажется, что вы пропустили закрытие функции. – Jai

+0

Почему это рекурсивно? где вы вызываете функцию? –

+0

Для лучшего понимания просьба предоставить ** рабочую демонстрацию ** (* фрагмент кода, jsfiddle ... *) –

ответ

0

Используйте этот тип связи: jQuery: Hide popup if click detected elsewhere

Я нашел этот тип решения поможет вам. Но пройти через весь ответ

и использование трюков, как показано ниже:

$("body").click(function(event){ 
      var $target = $(event.target); 
      if(!$target.parents().is(".popup") && !$target.is(".popup")){ 
       $("body").find(".popup").hide(); 
      } 
     }); 
0

немного Gigging О, HTML, и это в сделал я работать для меня,

$(document).ready(function() { 

    $('#form-1').submit(function(e) { 
     e.preventDefault(); 
     $.get($(this).prop('action')+'?' + $(this).serialize()); 
     $('#myModal').modal('hide'); 
    }); 

    $('#form-2').submit(function(e) { 
     e.preventDefault(); 
     $.get($(this).prop('action')+'?' + $(this).serialize()); 
     $('#myModal-1').modal('hide'); 
    }); 
}); 

Спасибо к Upendrasinh Jadeja для руководства