可拖动在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浏览器

回答

相关问题