Блог

Я хочу иметь возможность щелкнуть по холсту, поместить его на карту, затем снова щелкнуть по нему, чтобы переместить его на карте. Я пытался сделать это с помощью анонимной функции, но она не работает. Вот ссылка на демонстрацию и код, который у меня есть до сих пор

https://pokemon-map-electro2k.c9users.io/index.html

 // Anonymous function
var movecanvas = function () {
    return onmousemove();
};

var onmousemove = function ($canvas) {

    // Make canvas follow cursor in the map area
    $(".map").mousemove(function (e) {

        $(".map ul li."   $canvas).offset({
            left: e.pageX,
            top: e.pageY
        });
    }).click(function () {
        // Disable mousemove when canvas is clicked within a map. Drop the canvas on the map
        $(".map").unbind("mousemove");

        // When canvas is click on again within the map area, make canvas follow cursor
        $(".map ul li").click(function () {
            movecanvas($canvas);  // Repeat $(".map").mousemove over here. But how??
        });
    });





    // De-select canvas if click on .palette div and reset Jquery effect
    $(".palette ul li."   $canvas).click(function () {
        $(".map ul li."   $canvas).fadeOut("slow", function () {$(".map ul li."   $canvas).remove()});
        $($container).find("."   $canvas).removeClass("selected");
        $("#document").replaceWith(paletteClone.clone(true));       // reset the DOM then manipulate it again
    });

    var paletteClone = $(document).clone(true);     // bound handler for .palette div

};