ПРОБЛЕМА:
У меня есть необычная коробка, которая запускается, когда у пользователя не активирована геолокация.Этот fancybox имеет форму внутри, просто ввод с 2 кнопками, и я хочу позволить пользователю ввести текст, а когда он нажимает какую-то кнопку, просто выполнить какое-то задание.Все выглядит хорошо, но когда я нажимаю кнопку, я просто вижу ошибку в консоли и ничего не происходит.
Как я уже сказал, все выглядит хорошо, я вижу в инструментах разработчика, что события правильно объединены.Другие необычные коробки не доставляют мне никаких проблем.
КОД:
HTML:
<div id="modal-info0" style="display:none" data-fancybox="">
<div class="container noborder">
<div class="row hcenter">
<div class="col-xs-12 col-sm-8 col-sm-push-2">
<div class="alert pad-sm">
<i class="icon-alert icon-lg" aria-hidden="true"></i>
<p class="title title-sm">Text</p>
</div>
<ul class="grid cols4 insights d-flex flex-justify-content-center" style="display: none ! important;">
<li>
<i class="icon-alert icon-lg" aria-hidden="true"></i>
<p>Text</p>
</li>
</ul>
<p class="t-xl vmar-xl">Text</p>
<form class="form-border" id="formBuscadorClinicasDentalesCP">
<div class="row vmar-md">
<div class="col-md-4">
<label class="hright" for="cp">CP</label>
</div>
<div class="form-group col-md-8 col-lg-6">
<i class="icon-location" aria-hidden="true"></i>
<input name="cp" autocapitalize="off" autocorrect="off" type="text">
<div class="pagination vmar">
<ul class="btns w12">
<li>
<button class="btn" type="submit" name="enviar">
<span>Accept</span>
</button>
</li>
<li class="">
<button type="submit" name="enviar" class="btn sec pull-right">
<span>Cancel</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
JS:
<script>
$(document).ready(function() {
$.fancybox.open({
src : '#modal-info0',
type : 'inline',
opts : {
afterShow : function( instance, current ) {
console.info( 'done!' );
}
}
});
});
$('#formBuscadorClinicasDentalesCP').on('submit', function (e) {
alert("IN!");
return false;
});
</script>
ОШИБКА:
Ошибка типа: r.current.opts. $ Orig не определено
ОШИБКА ИЗОБРАЖЕНИЯ:
ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ
Если я связываю событие нажатия кнопки с формой, она запускается без каких-либо проблем.Эта ошибка возникает, если я связываю событие отправки с формой.