jquery - カスタムの右クリック メニュー機能に関する問題

Question

ここに私のフィドルがあります - http://jsfiddle.net/Jv9gc/

現時点での私の問題は、単純なアラートボックスでさえも、カスタムの右クリック メニューで何もできないことです。誰でも助けることができますか？私は何を間違っていますか？

Answer 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");
    });
}​