可拖動在Chrome/Safari瀏覽器

不工作我建立這個網站中，有人問我有攝影師的圖像隨機大小，有序，定位點擊和拖動他們的能力。除了這個主要問題，所有這些都非常順利。可拖動在Chrome/Safari瀏覽器

儘管一切都在Firefox，在Chrome或Safari（可能是其他瀏覽器）INT上直接加載窗口似乎消失，當你試圖將它拖到不可見的任何圖像打開的偉大工程。如果在「消失」之後再次滾動，則會發現圖像實際上正在發送到頁面的頂部，同時仍然跟着您的點擊和拖動動作。

我曾經有過這個錯誤，我相信這是固定通過去除一些JavaScript，這是沒有必要了。但是這次我似乎已經嘗試了將某些JS或鏈接移除到jQuery庫的各種組合，並且仍然找不到治療方法。

任何人都知道如何解決這個問題？

您可以查看問題和代碼我在這裏發生：http://www.coreytegeler.com/jb/oddfuture/

編輯似乎是可拖動的功能完全依賴。我刪除了所有的JavaScript代碼的比低於其他和問題仍然出現

$(function() { 
$(".vert").draggable(); 
$(".horiz").draggable(); 
});

編輯這只是看起來像它有東西做的問題

var imgInit_x, imgInit_y, mouseInit_x, mouseInit_y, elem; 
document.addEventListener('mousedown', startDrag, false); 
document.addEventListener('mousedown', drag, false); 
document.addEventListener('mousedown', endDrag, false); 

function startDrag(e) 
{ 
    if (e.target.tagName.toUpperCase == "IMG") 
    { 
     elem = e.target; 
     imgInit_x = elem.style.left; 
     imgInit_y = elem.style.top; 
     mouseInit_x = e.layerX || e.offsetX; 
     mouseInit_y = e.layerX || e.offsetX; 
    } 
} 

function drag(e) 
{ 
    try 
    { 
     currMouse_x = e.layerX || e.offsetX; 
     currMouse_y = e.layerY || e.offsetY; 
     elem.style.left = imgInit_x + currMouse_x - mouseInit_x; 
     elem.style.top = imgInit_y + currMouse_y - mouseInit_y; 
    } 
    catch (err){} 
} 

function endDrag(e) 
{ 
    elem = null; 
}

來源

2013-02-28 Corey Tegeler

當我嘗試錯誤代碼我得到：

Uncaught ReferenceError: detector is not defined

的detector變量似乎並不在問題發生在已被初始化。你能指定它的用法嗎？此外，我瀏覽了你的最後一個JavaScript腳本，並找不到任何目的嗎？嘗試刪除Javascript，它可能會解決您的問題。

來源

2013-02-28 15:37:01 PhilTrep

試圖取出功能與探測器變量，仍然沒有 – 2013-02-28 20:54:04

但是，代碼我只是編輯我原來的職位看起來很可疑哈哈 – 2013-02-28 20:55:18

*爲我已經試過，但仍然沒有結果玩耍。但是它必須與Draggable認爲鼠標的Y位置有關 – 2013-03-01 04:07:38

可拖動在Chrome/Safari瀏覽器

回答

相關問題