简单模态 AJAX答案

【问题标题】：Simplemodal AJAX简单模态 AJAX
【发布时间】：2010-05-21 16:55:47
【问题描述】：

我正在尝试在我的网站上实现 Simplemodal。简单的文本框真的很容易做，但我找不到通过 AJAX 显示另一个页面的方法。我对 Jquery 知之甚少，也没有关于如何做到这一点的文档，所以有人可以帮助我吗？谢谢。

这是简单模式框的默认代码：

jQuery(function ($) {
$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();

      return false;
});});

这是我从与 AJAX 一起使用的简单模式联系表单中获取的一些代码。我一直在尝试调整它，但我并不真正了解它的结构。正如我所说，我对 Jquery 完全陌生。

                $.get("data/contact.php", function(data){
                // create a modal dialog with the data
                $(data).modal({
                    closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
                    position: ["15%",],
                    overlayId: 'contact-overlay',
                    containerId: 'contact-container',
                    onOpen: contact.open,
                    onShow: contact.show,
                    onClose: contact.close
                });
            });
        });

【问题讨论】：

标签： jquery ajax simplemodal

【解决方案1】：

我看不出问题在于您的页面没有完整的代码。

如何更改此代码：

$(data).modal({

成为：

$('#basic-modal-content').modal({

在这一行之后：

$.get("data/contact.php", function(data){

在这一行之前：

$('#basic-modal-content').modal({

写下这段代码：

$('#basic-modal-content').html(data);

【讨论】：

【解决方案2】：

我也是 jQuery 的新手，我相信，你拥有它的方式不会工作，因为“数据”即使你的 php 可以作为 div、段落等提供，但它不存在然而。因此，你不能被模态化，......我认为。

不过，您可以将该数据加载到隐藏的 div 中并对其进行模态化：

$('#myDiv').html(data); $('#myDiv').modal();

【讨论】：