javascript - jquery拖放问题，跳转到新页面

Question

我想使用 Jquery 来实现一个包含来自 quotemedia.com 的 js 的页面。将 js 嵌入到 sortable 后，当我拖放包含 js 的元素时，它会跳转到整页显示。

在 Firefox 下会出现这种情况，IE 是可以的。

运行代码在这里：http: //jsfiddle.net/dodoflying/9BkJ5/请使用firefox拖放元素购物查看问题。

是firefox下的bug吗？我该如何解决这个问题？

提前致谢！

大学教师

Answer 1

我不知道这是FF上的错误还是IE中的错误实现，无论如何，如果您没有问题将JS放在单独的html中并将html页面包含在iframe中，您仍然会看到iframe重新加载但不是整个页面，请参阅此链接以获取更多信息。

iFrame 在可排序时重新加载

编辑：顺便说一句，您不需要将列表连接到自身...它已经连接，因此不需要：

$( ".column" ).sortable({
    connectWith: ".column"
});

现在回到主要问题，正如您所看到的，每次您在 dom 树中更改它的顺序时，iframe（或您的代码）都会重新加载，因此您可以使用类似的方法来代替 sortable..通过绝对定位这些 DIV 并在拖动它们时更改它们的位置（使用 JS 的 CSS 顶部和左侧）来实现效果，但这需要大量的工作。

Answer 2

我刚刚发现它可以通过使用 Jquery 删除以下 javascript 来解决

<script src="http://app.quotemedia.com/quotetools/miniCharts.go?webmasterId=93004&amp;symbol='.$symbol_chart.'&amp;toolWidth=660&amp;chhig=130&amp;chbg=ffffff&amp;chln=333333&amp;chgrd=D5DDE8&amp;chxyc=2B5286&amp;chtcol=2B5286&amp;chbgch=ffffff&amp;chbdr=2B5286&amp;chfill=ee5E739B&amp;chfill2=8BA9E0" type="text/javascript" language="javascript"></script>

在火狐和IE下都可以。