jquery - jQuery-アクセス関数の戻り値（xおよびy）

Question

（最初に：私はJSとjQueryにかなり慣れていません）

私は現在、jQueryを使用して画像スライドに取り組んでいます。ツールチップ、動的な高さ、100％の幅などで、かなり高度なものにしました。次のステップは、タッチスライド/スワイプを有効にすることです。

マウスイベントとタッチイベントの作成に関するこの記事（http://blog.safaribooksonline.com/2012/04/18/mapping-mouse-events-and-touch-events-onto-a-single-event/ ）を次のように見つけました。 1つ（例：マウスダウンとタッチスタートは同じイベントに等しい）。この記事では、著者は、このコードを使用することで（ "normalizeEvent"を作成することにより）、X値とY値へのアクセスがより簡単になると言い続けています。しかし、私の問題は、「未定義」になることなく、これらにまったくアクセスできないように見えることです。

これは私の現在のコードであり、現時点では、スライドを「ドラッグアンドドロップ」して何かを実行したいと思っています。しかし、X値を取得する方法がまったくわかりません。

jQuery(new_slide).bind(TouchMouseEvent.DOWN, function (e){

            // Get current slide position coords
            var position = current_slide.position();

            // X-position for mouse
            var startX  = e.pageX; //this is "undefined"

            // X-position for current slide
            var slideX  = parseInt(position.left);

            // Prevent browser to drag image
            new_slide.bind('dragstart', function(e){

                e.preventDefault();

            })

            jQuery(new_slide).bind(TouchMouseEvent.MOVE, function (){

                // Drag slide
                new_slide.css('left', slideX + e.pageX - startX + 'px');

            });

        });

// Release slide
jQuery(new_slide).bind(TouchMouseEvent.UP, function (){

    jQuery(new_slide).unbind(TouchMouseEvent.MOVE);

});