javascript - 单击时显示弹出窗口

标签 javascript jquery html asp.net-mvc-4

以下代码,但它不起作用。

  $('#img').on('click', function () {
        $("#new").dialog({
            autoOpen: true,
            position: { my: "center", at: "top+350", of: window },
            width: 1000,
            resizable: false,
            title: 'Add User Form',
            modal: true,
            open: function () {
                $(this).load('@Url.Action("_new", "Help")');
            },
            buttons: {
                "Add User": function () {
                    addUserInfo();
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

        return false;
    });

我在 Views 下的 Help 文件夹中有一个部分 View 名称 _new

有人可以指导我也实现它吗?我正在使用 MVC4 框架:)

最佳答案

您必须将点击移动到 anchor (a),而不是 img。点击事件永远不会到达 img

参见jsfiddle .

关于javascript - 单击时显示弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23730948/

相关文章:

javascript - socket.io/socket.io.js 位置在哪里?

javascript - 将 select 标签的选项的 json 数据存储在变量中

jquery - iOS 上的 PhoneGap Geolocation 总是获取缓存的 GPS - 为什么?

html - 如何将我的搜索输入和提交按钮对齐到页面的中心?

javascript - 将 html 中的文本 append 到不同的部分

javascript - AngularJs:orderBy 的表达式对我不起作用

javascript - 如何使用 javascript 扩展多级 div 并在 url 中保存扩展条件以用于链接共享或手动复制/过去

javascript - jQuery 一个带有 url 的元素

html - 使用 YouTube 上传小部件的预定义帐户

javascript - HTML 网站在执行 JavaScript 时崩溃