1. 首页
  2. 问答
  3. 弹出Magnific酒店 - 弹出消失在点击

弹出Magnific酒店 - 弹出消失在点击

2013-05-17 62 views
7

我最近刚刚实施的“弹出Magnific酒店”，并在弹出来了罚款，但是当我点击输入框整个弹出消失回到父页面。在插件网站上显示的示例中，整个对话框都是可点击的，直到您在该框的外部单击。弹出Magnific酒店 - 弹出消失在点击

我希望它极其简单的我已经错过了只是一些，但它仍然做我的头英寸

我非常感谢所有帮助我能！

谢谢:)

来源

2013-05-17 Frank

+1

是的，你错过了一些非常简单的东西，请张贴一些代码！没有人能真正回答你的问题，而不会看到你所尝试过的。 –

+0

Hi @ KenY-N，CMS是Websitebaker，所以它的字面上只是一段链接到所见即所得页面的PHP。 我在https://github.com/dimsemenov/Magnific-Popup/pull/39上阅读，您需要“循环节点”，但我不知道如何做到这一点。 – Frank

回答

9

如果您使用“Ajax”的内容类型，你需要确保你有只有一个根节点。

http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

例如，这是阿贾克斯文件的正确内容：

<div> 
    html content 
    <script src="something.js"></script> 
</div>

错误：

<script src="something.js"></script> 
<div> 
    html content 
</div>

错误：

<div> 
    html content 
</div> 
<div>Another content</div>

还要确保ŧ帽子closeOnContentClick设置为falsehttp://dimsemenov.com/plugins/magnific-popup/documentation.html#closeoncontentclick

如果出于某种原因，你不能改变的ajax文件的内容，您可以在parseAjax回调解析内容，如描述here（所以mfpResponse.data只包含一个根节点）。

来源

2013-05-17 06:46:09

+1

谢谢，就是这样！ （实际上，这是一个

1

我还不能回复（代码太低），所以像这样添加它： 似乎这也是计数类型：'inline'。安全地始终用div包装内容..

$.magnificPopup.open({ 
    items: { 
    src: '<div>'+ html +'</div>' 
    }, 
    type: 'inline', 
    closeOnContentClick: false 
}, 0);

来源

2013-05-26 09:52:42 publicJorn

1

我有同样的错误。 原来是我身边的一个愚蠢的错误，我在我的开门人和我的内联div上有同样的课。

<a href="#popup" class="dialog">Open</a> 
<div id="popup" class="dialog mfp-hide"></div>

当然，他们需要的是不同类的，像这样：

<a href="#popup" class="dialog">Open</a> 
<div id="popup" class="dialog-box mfp-hide"></div>

来源

2013-06-07 11:05:58

+0

同样在这里！非常感谢！ :) –

0

问题在magnificPopup添加modal:true：

$('.your_class').magnificPopup({ 
    type: 'ajax', 
    modal:true 
});

来源

2016-03-30 09:33:52

相关问题

 相关问题