在浏览器中创建可拖动的表行和奇怪的效果

时间:2012-11-23 12:49:56

标签: javascript jquery html jquery-ui

我目前正在搞乱一些代码,这些代码最终将在我在uni的最后一年项目中使用,我已经添加了一个将从数据库中填充的表,但我想让这些行本身可以拖动,所以我可以使用它传递页面上元素的信息。

我已经通过使用此代码获得了阻力:

$(document).ready(function(){
        $(".tr_row").draggable({
              helper: function(event) {
                  return $('<div class="drag-row"><table></table></div>')
                .find('table').append($(event.target).closest('tr').clone()).end();
              },
          });
     });

以下是它的示例:http://example.faved.co.uk

我遇到的问题是它被查看的地方,如果它是用chrome或safari打开的话那么当你拖动它时,它会乱用桌面看起来直到你松开,如果你在firefox中打开它然后它工作正常并没有对桌子做任何事情。

我的问题是,为什么会在这些浏览器中发生这种情况?我能做些什么来阻止它发生,让它像在firefox中打开一样工作?

感谢

1 个答案:

答案 0 :(得分:1)

感谢大学的一位同事,我找到了答案,

基本上如果我将拖拽div的位置设置为绝对值,那么它在所有浏览器中都有效: