2014-09-05 51 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