Question

我已经使用这个编码来创建一个可以移动和调整大小的对话框，并且看不到对话框作为输出，请帮忙，是否有任何库缺失？

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"> </script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">                                                      
</script>

<body>
<div id="dialog" title="Basic dialog">
</body>

这是我的Jquery功能

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

Answer 1

我建议您将此作为reference使用。

请注意以下代码：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>

或从jQuery.com

下载jQuery库

并将其更改为..

<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>

Answer 2

您正在从两个CDN加载两次jQuery库。删除此行。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>

在包含任何jQuery插件之前，请务必记住包含jQuery库。还要避免多个jQuery引用。

Answer 3

只需下载并创建一个单独的文件夹并添加这些文件夹即可获得输出

<link rel="stylesheet" href="css/jquery-ui.css"/>

<script src="js/jquery-1.9.1.js"></script>

<script src="js/jquery-ui.js"></script>

<link rel="stylesheet" href="/resources/demos/style.css">

感谢大家的答案......花了很多时间来弄明白这一点..

Answer 4

请添加

<link rel="stylesheet" type="text/css"
    href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" />" media="screen" />

<强>更新

<script src="//code.jquery.com/jquery-1.10.2.js" type="text/javascript">
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js" type="text/javascript">
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/themes/dot-luv/jquery-ui.css" type="text/css" rel="stylesheet">

Answer 5

  $("#divAssetUrl").dialog({
               autoOpen: true,
               title: 'Add Assest Url',
               minWidth: 500,
               minHeight:500
           });
<script src="~/Scripts/js/jquery.ui.dialog.js"></script>
<script src="~/Scripts/js/jquery-ui.js"></script>

不在Jquery中创建的对话框

5 个答案: