2014-09-05 50 views
1

我正在使用jquery UI及其弹出显示框。这个盒子是可拖动的,我喜欢这个。它在Chrome中运行得很好,但是在IE或Firefox中它不能像它应该那样工作。 (是都是最新的)jquery ui弹出框可拖动是越野车

如果我尝试拖动框,框消失,我必须向下滚动页面以找到它。

为什么会发生这种情况?我如何解决它?如果我无法修复它,我该如何转动Draggable?

<script> 
    $(function() { 
     $("#accordion").accordion({ 
      heightStyle: "content" 
     }); 
    }); 
    $(function() { 
     $("#ticket_view").dialog({ 
      autoOpen: false, 
      show: { 
       effect: "drop", 
       duration: 1000 
      }, 
      hide: { 
       effect: "scale", 
       duration: 1000 
      } 
     }); 

     $(".ticket_viewer").click(function() { 
      var ticket_id = $(this).attr('id'); 
      $('#ticket_view').load('ticketPopup/'+ticket_id); 
      $("#ticket_view").dialog("open"); 
     }); 

    }); 
</script> 
+0

可能是一个CSS问题。您是否为Chrome和其他浏览器提供了相同的样式? – 2014-09-15 15:54:01

+0

我还没有碰过jquery-ui的css。 – 2014-09-17 15:22:27

回答

0

如果我不能修复它,如何把可拖动的?

要停用draggability,将它添加到你的 “拖动” 代码:这里

draggable: false 

API文档:http://api.jqueryui.com/dialog/#option-draggable

你可以提供给页面的链接,它是发生在? Ane是什么版本的jQuery?

+0

谢谢draggabl:flase。这确实阻止了它被移动。目前它在我的本地计算机上,并且该网站将不会再运行一个月。版本是jquery-ui - v1.10.4 – 2014-09-17 15:42:11

+0

啊我明白了。那么我的答案将有所解决,直到我认为解决。你可以尝试更新UI,v1.11.1目前是稳定的。拖动对话框时,您在检查器工具中看到了什么?在FF和IE中,它与Chrome有什么不同?此外,如果你在FF或IE中访问http://jqueryui.com/dialog/,你是否注意到它像你的本地主机一样跳转? – camelCase 2014-09-17 17:17:27