的fancybox不与表单中运作良好

Question

问题：

我有当用户不具有地理定位激活时所触发的fancybox。这具有的fancybox内的形式，只需用2个按钮，我想要做的就是让用户引入一个文本，当他打一些按钮，只需做一些任务的输入。所有看起来不错，但是当我打的按钮，我只可以看到在控制台和空话的错误发生。

正如我所说的，一切看起来不错，我可以在事件被正确地加入了开发者工具看。其他fancyboxes不给我任何问题。

码：

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 $原稿是未定义

误差图像：

更多信息

如果我绑定点击事件按钮，而不是形式，它被触发没有任何问题。只是，如果我绑定提交事件形成，就会出现此错误。

Answer 1

最后我得到了解决。刚刚从你要转换到的fancybox股利删除数据的fancybox =“”，它会很好地工作。