0

我正在尝试在我的网站上实现 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
                });
            });
        });
4

2 回答 2

1

如果没有您页面的完整代码，我看不到确切的问题。

如何更改此代码：

$(data).modal({

成为 ：

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

在这一行之后：

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

在此行之前：

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

写下这段代码：

$('#basic-modal-content').html(data);
于 2010-05-21T21:50:43.170 回答
0

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

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

$('#myDiv').html(数据); $('#myDiv').modal();

于 2011-01-30T02:46:00.177 回答