Question

我对leanModal v 1.1有疑问，

我有php页面，我实现了jquery ajax分页脚本，并且在这个leanModal弹出框没有工作之后，直到我做了这个改变一切正常，我认为现在所有的cuz数据来自ajax调用一个div

恩妍可以帮帮我吗？我不知道如何解决这个问题！

是leanModal jquery脚本

 $('#modaltrigger').leanModal({ top: 110, overlay: 0.8, closeButton: ".hidemodal" });

这是一个链接，单击此弹出框我出现在网站上。

<a href="#loginmodal"   id="modaltrigger">Link</a>

并且内容得到了精益模式

 <div id="#loginmodal">popup box content</div>

这是我刚刚使用的ajax调用

    $.ajax({
type: "POST",
url: "myPHPfile.php",   
data:{data:data}
}).done(function(response) {
 $('#content').html(response);
    });

从这里我得到所有信息并插入到被调用的div中

任何想法？

Answer 1

我没有找到任何与leanmodal的解决方案，但完美地工作bPopup与ajax内容！这里是一个链接 http://dinbror.dk/blog/bPopup/#Options

Answer 2

我认为你需要在ajax成功之后重新定义leanModal，例如：

$.ajax({
    type: "POST",
    url: "myPHPfile.php",
    dataType:'html',
    data:{data:data},
    success:function (data, textStatus) {
        $('#content').html(data);
        $('#modaltrigger').leanModal({ 
            top: 110,
            overlay: 0.8,
            closeButton: ".hidemodal"
        });
    },
});

ajax调用后，leanModal无法正常工作

2 个答案: