php - jquery ui 对话框和加载外部内容

Question

我有一个使用 echo 语句动态生成的页面列表。 示例:

<a href="<?php echo $action['href']; ?>"><span onclick="jQuery('#category_edit_dialog').dialog('open'); return false"><?php echo $action['text']; ?></a>

这是制作 jquery ui 对话框窗口的代码:

$.ui.dialog.defaults.bgiframe = true;
$(function() {
    $("#category_edit_dialog").dialog({
        width: 960,
        hide: 'slide',
        autoOpen: false,
    });

    $('#open_category_edit_dialog').click(function() {
        $('#category_edit_dialog').dialog('open');
        return false;
    });

});

我想要实现的是在单击链接的那一刻，jquery ui 对话框将加载内容。所以问题更可能是如何加载用 php 生成的外部链接。

Answer 1

你有 HREF int 他 anchor ，所以你所要做的就是使用 jQuery 加载函数来获取 HTML 链接并将其放在你的页面上。

假设您的链接使用以下 HTML( anchor 中奇怪的未闭合跨度对我来说没有意义):

<a href="<?php echo $action['href']; ?>" class="dialogLink"><?php echo $action['text']; ?></a>

您可以修改您的 javascript 以使其按如下方式工作:

$.ui.dialog.defaults.bgiframe = true;
$(function() {
    $("#category_edit_dialog").dialog({
        width: 960,
        hide: 'slide',
        autoOpen: false
    });

    $('a.dialogLink').click(function() {
        var url = $(this).attr('href');
        $('#category_edit_dialog').load(url, function() {
            $('#category_edit_dialog').dialog('open');
        });
        return false;
    });
});

它们的关键是单击事件绑定(bind)到具有 dialogLink 类的链接。单击时它将获取它指向的 URL，将在该 URL 处找到的内容加载到页面上已有的对话框内容 div 中，一旦它具有 HTML，它将打开对话框。