Question

我有一个简单的缩略图列表，链接到该图像的更大版本，我想在jQuery模式对话框窗口中显示：

$('a.modal').bind('click', function() {
    var $this = $(this);
    var outputHolder = $('<div id="modal-output"></div>');
    $("body").append(outputHolder);
    outputHolder.html('<img src="'+$this.attr("href")+'">', null, function() {
        outputHolder.dialog();
    });
    return false;
});

正确地将outputHolder div添加到页面中，并且它正由图像填充，这很棒...但是，.dialog()命令没有做任何事情，它没有添加对话框标签HTML只是这样：

<div id="uimodal-output">
     <img src="image.jpg">
</div>

我使用以下文件：

jquery-1.10.2.js（v1.10.2 - 默认情况下附带ASP.NET MVC5）
jquery-ui.min.js（v1.11.0 - 最新版本）
bootstrap.js（v3.0.0 - 默认情况下附带ASP.NET MVC5）

有关如何解决此问题的任何建议吗？我在Chrome控制台中根本没有收到任何错误。

谢谢

Answer 1

像

一样使用它

$('a.modal').bind('click', function() {
    var $this = $(this);
    var outputHolder = $("<div id='.modal-output'></div>");
    $("body").append(outputHolder);
    outputHolder.html('<img src="'+$this.attr("href")+'">').dialog();
    return false;
});

jQuery.dialog（）没有做任何事情

1 个答案: