拖动图像

Question

在Chrome中，它可以正常使用，但在Firefox中则不行，正如您在HttpCompletionOption中看到的那样。问题是当拖动玩家时，玩家旁边的图片会被移动。

这是CSS：

private Socket socket;  // Received from constructor

public void run() {
    readRequest(socket.getInputStream());
    sleepUnlessClosed(socket, 600000);  // Wait either 10 minutes or socket closure
    if (!socket.isClosed())
        writeResponse(socket.getOutputStream());
    socket.close();
}

如何让它在Firefox中运行？

奖金问题：为了使图片与播放器保持一点点（在两个浏览器中），我在播放器之后使用空格。如果我只用CSS就能做到这一点会很好。

Answer 1

要分隔文本/图像，我删除了img标记周围的额外范围（无法看到额外范围有多好），并为alignPic类添加了边距。

选中此http://jsfiddle.net/pk58tu36/2/

.alignPic {
    vertical-align: middle;
    margin-left: 8px;
}

Answer 2

我在运行你的小提琴时也会在FF 40.0.3上遇到这个问题。可能与jqueryUI中的older bug有关，因为它在执行拖动时在元素上设置显式宽度/高度。这个错误似乎在最近几个版本中重新出现。尝试使用jQueryUI 1.11.1版。