上下文菜单操作

时间:2012-11-04 09:17:29

标签: jquery contextmenu

我正在使用jquery上下文菜单插件https://github.com/joewalnes/jquery-simple-context-menu/blob/master/README.md

现在我在菜单1上有两个选项。发送消息2.查看个人资料

当用户点击1.发送消息我想打开屏幕中央的弹出窗口。 当用户点击2.查看个人资料时,应将其发送给他们网址(例如linkurl to profile)

我从未使用过上下文菜单,我在php中使用动态传递用户ID。我现在一切都工作但只是不知道如何打开弹出窗口并发送到网址。

这是javascript

$(function() {
    $("#mythingy").contextPopup({
        title: "My Popup Menu",
        items: [{
            label: "Send message",
            icon: "icons/message.png",
            action: function() {
                // how to open popup window with form
            }
        },
        {
            label: "View profile",
            icon: "icons/zoom.png",
            action: function() {
                // how to add url here
            }
        }]
    });
});

1 个答案:

答案 0 :(得分:0)

导航到另一个页面很简单 - 只需分配到location.href

location.href = "http://example.com/profile?id=" + id

jQuery没有为此提供替代方案,但是如果你真的想要使用jQuery,你可以这样做:

$(location).attr('href', "http://example.com/profile?id=" + id)

对于弹出窗口,您可以使用jQuery的Fancybox插件。

<div id="message-form"> <!-- hide with display:none from css -->
  ...
</div>

打开:

$.fancybox($("#message-form"))

如果您想打开单独的浏览器窗口而不是在页面内打开弹出窗口,可以使用window.open()

var w2=window.open();
$(w2.document.body).append($("#message-form").clone());