显示使用JQuery

简单的模态对话框有简单以下DIV：显示使用JQuery

<div id="dialogg"> 
    Hello, world! 
</div>

一些CSS样式：

#dialogg { 
    display: none; 
}

和jQuery代码：

<script src="assets/js/jquery-1.9.1.min.js"></script> 
<script src="assets/js/jquery-ui-1.10.2.custom.js"></script> 
<script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#dialogg').dialog({ 
      autoOpen: false; 
      width: 400; 
     }); 
     $('#dialogg').dialog('open'); 
    }); 
</script>

但我看不出有任何的对话！我该如何解决它？怎么了？

UPDATE：

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Исторический турнир</title> 
    <link rel="stylesheet" type="text/css" href="assets/css/main-styles.css"> 
    <link rel="stylesheet" type="text/css" href="assets/css/departments-page-styles.css"> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="assets/js/jquery-1.9.1.min.js"></script> 
    <script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#dialogg').show(); 
      $('#dialogg').dialog({ 
       autoOpen: false; 
       width: 400; 
      }); 
      $('#dialogg').dialog('open'); 
     }); 
    </script> 
</head>

但是这个代码不仍能正常工作。

来源

2013-04-09 user2218845

你没有需要两个ui.js脚本有删除一个..看起来像你忘了加载CSS文件

在脚本的顶部添加这个..

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

所以完整的代码应该是

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
<script src="assets/js/jquery-1.9.1.min.js"></script> 
<script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('#dialogg').dialog({ 
     autoOpen: false; 
     width: 400; 
    }); 
    $('#dialogg').dialog('open'); 
}); 
</script>

来源

2013-04-09 07:55:55 bipen

请看看我的更新。 – user2218845 2013-04-09 08:03:02

你不等待HTML文档被完全彻底尽可能的浏览器是担心，当你选择$('#dialog')它不存在加载。您可以使用<script>...</script>下的HTML或$('document').ready(function(){..});

来源

2013-04-09 07:57:25

'$（function（）{'是document.ready的快捷方式.. – bipen 2013-04-09 07:58:13

我不好那么:)，我不知道，谢谢 – 2013-04-09 08:00:29

添加功能，请试试这个：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

，只是尝试：$("#dialogg").dialog();

<script> 
$(function() { 
    $("#dialogg").dialog(); 
}); 
</script>

看到DEMO

example on jquery site

来源

2013-04-09 08:31:53

而且这是不正确的：

$('#dialogg').dialog({ 
    autoOpen: false; 
    width: 400; 
});

它应该是：

$('#dialogg').dialog({ 
    autoOpen: false, 
    width: 400 
});

来源

2013-10-23 15:17:52 user2912019

显示使用JQuery

回答

相关问题