Jquery拖放问题,跳转到新页面

时间:2010-12-15 17:57:03

标签: javascript jquery drag-and-drop page-jump

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

这种情况发生在Firefox下,IE就可以了。

正在运行的代码在此处:http://jsfiddle.net/dodoflying/9BkJ5/使用firefox 拖放元素购物以查看问题。

是firefox下的bug吗?我怎么能解决这个问题呢?

提前致谢!

2 个答案:

答案 0 :(得分:0)

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

iFrame reload on sortable

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

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

现在回到主要问题,因为你可以看到iframe(或你的代码)每次你在dom树中更改它的顺序时都会被重新加载,所以不用使用sortable.maybe你就可以了通过绝对定位这些DIV并在拖动它们时改变它们的位置(CSS顶部和左边使用JS)具有相似的效果,但这需要很多工作。

答案 1 :(得分:0)

我刚发现它可以通过使用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>

在Firefox和IE下,没关系。