可拖动在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;
}
答
当我尝试错误代码我得到:
Uncaught ReferenceError: detector is not defined
的detector
变量似乎并不在问题发生在已被初始化。你能指定它的用法吗?此外,我浏览了你的最后一个JavaScript脚本,并找不到任何目的吗?尝试删除Javascript,它可能会解决您的问题。
试图取出功能与探测器变量,仍然没有 – 2013-02-28 20:54:04
但是,代码我只是编辑我原来的职位看起来很可疑哈哈 – 2013-02-28 20:55:18
*为 我已经试过,但仍然没有结果玩耍。但是它必须与Draggable认为鼠标的Y位置有关 – 2013-03-01 04:07:38