自定义右键菜单功能问题

时间:2012-10-10 06:57:21

标签: jquery contextmenu right-click

这是我的小提琴 - http://jsfiddle.net/Jv9gc/

我目前的问题是我无法通过自定义右键菜单执行任何操作,甚至不是简单的警报框。有人可以帮忙吗?我做错了什么?

1 个答案:

答案 0 :(得分:1)

请试试这个:工作演示 http://jsfiddle.net/77L4w/

希望这符合原因:)

代码

$('#movecam').draggable({
    drag: function() {
        $('#mecam').css('top', $(this).position().top);
        $('#mecam').css('left', $(this).position().left);
    },
    stop: function() {
        $('#mecam').css('top', $(this).position().top);
        $('#mecam').css('left', $(this).position().left);
    }
});

$("#movecam").bind("contextmenu", function(event) {
    event.preventDefault();
    $("div.custom-menu").hide();
    $("<div class='custom-menu'><input id='propertz' type='button' name='propertz' value='Properties'></div>").appendTo("body").css({
        top: event.pageY + "px",
        left: event.pageX + "px"
    });

    init_prperty_click()
}).bind("click", function(event) {
    $("div.custom-menu").hide();
});

$('input[name="closeme"]').click(function() {
    $("#movecam").hide();
});

function init_prperty_click() {
    $("input[name=propertz]").on('click', function() {
        alert("haha");
    });
}​