2012-11-07 64 views
-1

我是新來的,如你所見。我有一個簡單的代碼,但由於某種原因,對話框永遠不會進入屏幕的中心,並且不適用於Safari。這是完整的代碼。只有按下任何鍵時纔會發出消息。請有人能幫助我嗎?jquery ui對話框節點messege不居中

<!doctype html> 
    <html lang="en"> 
     <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

    <script src="B:/wamp/www/jquery/js/jquery-1.8.2.js"></script> 

     <link rel="stylesheet" href="B:/wamp/www/jquery/development-bundle/themes/base/jquery.ui.all.css"> 

     <script src="B:/wamp/www/jquery/development-bundle/external/jquery.bgiframe-2.1.2.js"></script> 

    <script src="B:/wamp/www/jquery/development-bundle/ui/jquery.ui.core.js"></script> 
    <script src="B:/wamp/www/jquery/development-bundle/ui/jquery.ui.widget.js"></script> 
    <script src="B:/wamp/www/jquery/development-bundle/ui/jquery.ui.mouse.js"></script> 
     <script src="B:B:/wamp/www/jquery/development-bundle/ui/jquery.ui.draggable.js"></script> 
     <script src="B:B:/wamp/www/jquery/development-bundle/ui/jquery.ui.position.js"></script> 
     <script src="B:/wamp/www/jquery/development-bundle/ui/jquery.ui.resizable.js"></script> 
     <script src="B:/wamp/www/jquery/development-bundle/ui/jquery.ui.dialog.js"></script> 
     <link rel="stylesheet" href="B:/wamp/www/jquery/development-bundle/demos/demos.css"> 

     <script > 

      $(document).ready(function() 
     { 
     $("#text1").keyup(function() 
    { 
    $(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function() { 
       $(this ).dialog("close"); 
      } 
     } 
    }); 
     }); 

     }); 
    }); 



    </script> 
     <body> 
     <div id="dialog-message"></div> 

      <input type="text" id="text1"/> 

     </body> 
     </html> 

回答

0

你有jquery.ui.position.js,所以...

$("#dialog-message").dialog({ 
    modal: true, 
    position: 'center', 
    buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

...應該工作

+0

感謝您的快速的答案,但我不能得到這個工作。它只適用於IE(不居中)。 Safari和其他瀏覽器甚至不顯示對話框。我真的很瘋狂,我想在我的網站中使用它。 –