我的 jquery 代码有什么问题？

Question

我在下面给出了我的代码，

        $(function() {
        $("get-reservation-id").click(function() {
            $(this).load("<%=Url.Action("GetReservation", "ModalPopup") %>", 
            function() {
                $("<div>").dialogr({
                    autoOpen: false,
                    width: 700,
                    title: 'Car Rental Application',
                    modal: true,
                    overlay: {
                        opacity: 0.5,
                        background: "black"
                    }
                });
            });
        });
    });

此代码不会生成弹出的 jquery ui 对话框。

get-reservation-id：是给放置在锚标记内的图像

GetReservation：是部分视图

ModalPopop：是名称控制器的（我有一个返回 GetReservation 视图的操作）

任何想法为什么这不起作用。另一方面，我编写了一些有效的代码。请参阅下面的

工作代码：

$("#vehicle-search-id").click(function() {
        $("#vehicle-search-id").load("/ModalPopup/VehicleSearch", 
            function() {
                $("#vehicle-search").dialogr({ 
                    width: 700, 
                    modal: false, 
                    title: 'Car Rental Application'
                });
        });
    });

我选择不使用它的原因是因为我想使用 <%=Url.Action("GetReservation", "ModalPopup") %> 而不是 >/ModalPopup/VehicleSearch 并希望使用比 $("#vehicle-search") 更常见的 $("

").dialogr({)。 dialogr({

非常感谢

我的目标

我想使用 Jquery 对话框创建一个弹出窗口并放置一个 其中的部分视图。

Answer 1

我注意到您在第一个示例中将 autoOpen 选项设置为 false 。因此，您问题中的第一个代码片段将创建一个 jQuery 对话框，但不会打开它。我建议将 autoOpen 设置为 true（默认值）或包含一行代码以在其他位置打开对话框。

Answer 2

您的 jQuery 选择器格式错误。使用 $("#get-reservation-id") 选择具有该 id 的元素，使用 $("div") 选择所有 div标签。

我还怀疑您不想选择第 5 行中的所有 div，但我不知道您想要选择什么，所以不能真正选择提出任何建议。我建议您查看 jQuery 选择器 文档。

编辑：我想我明白你在做什么。您正在从 Url.Action("GetReservation", "ModalPopup") 获取 HTML 响应，并希望显示一个模式对话框，其中的内容取自（可能只是）div 在该回应中。

在这种情况下，您确实需要在第 5 行上使用 $("div")。请记住，jQuery 选择器的工作方式与 CSS 选择器类似 - $('div') 选择所有 < code>div 元素，$('#foo') 选择 id 为“foo”的元素，$('.bar') 选择所有元素有一类“bar”。

Answer 3

这是更正后的代码

$(function() {

        $("#get-reservation-id").click(function() {

            $("<div>").dialogr({
                title: 'Title',
                minHeight: 400,
                minWidth: 600,
                width: 800,
                height: 600,
                modal: true,
                open: function() {
                $(this).load('<%= Url.Action("GetReservation", "ModalPopup") %>');
                },
                buttons: {
                    "Ok": function() { $(this).dialogr("close"); },
                    "Cancel": function() { $(this).dialogr("close"); }
                }
            });
        });

        return false;
    });

Answer 4

我想你想要这个：

$(function() {
    $("get-reservation-id").click(function() {
        var that = $(this);
        that.load('<%=Url.Action("GetReservation", "ModalPopup") %>', 
        function() {
            that.dialog({
                autoOpen: false,
                width: 700,
                title: 'BMS Car Rental Application',
                modal: true,
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            });
        });
    });
});