jQuery UI对话框不可拖动或可调整大小

我遇到的问题是让对话框可拖动和调整大小。所有关于此的文档和问题都使其听起来很直白，但我无法使其发挥作用。任何想法我可能做错了什么？jQuery UI对话框不可拖动或可调整大小

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"> 
<html> 
<head> 
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
    <SCRIPT TYPE="text/javascript" SRC="js/jquery-ui-1.8.10.custom.min.js"></SCRIPT> 
    <SCRIPT TYPE="text/javascript"> 
$(document).ready(function(){ 
$('#dialog-form').dialog({ 
// autoOpen: false, 
    height: 400, 
    width: 350, 
    modal: true, 
    draggable: true, 
    resizable: true, 
    buttons: { 
    Cancel: function() { 
    $(this).dialog("close"); 
    } 
    }, 
    close: function() { 
    alert('here'); 
    } 
}); 
}); 
    </SCRIPT> 
     <link type="text/css" href="css/smoothness/jquery-ui-1.8.10.custom.css" rel="stylesheet" /> 
     <style> 
#dialog-form label {float:left; width:100px;} 
</style> 
</head> 
<body> 

<div id="dialog-form" title="Create new product"> 
    <form> 
    <fieldset> 
     <label for="pt">Product Type</label> 
     <input type="text" name="pt" id="pt" class="text ui-widget-content ui-corner-all" /> 
    <br> 
     <label for="prod">Producer</label> 
     <input type="text" name="prod" id="prod" class="text ui-widget-content ui-corner-all" /> 
    </fieldset> 
    </form> 
</div> 

</body> 
</html>

来源

2011-03-08 lschult2

我的猜测是您使用的是IE 6并且存在问题。如果您使用IE 6尝试包括bgiframe.js

来源

2011-03-08 19:44:46 Avitus

对IE6说不！ http://ie6countdown.com/：o） – balexandre 2011-03-08 19:46:11

我希望有一个简单的方法可以让人们摆脱IE6 – Avitus 2011-03-08 19:47:20

我在搜索相关信息时偶然发现了这个消息，并认为我会@Avitus的评论......它这很容易。我的公司不支持IE。没有Chrome浏览器，没有Safari浏览器......除了Firefox以外没有任何东西期。如果支持需要针对公司或非公司网站，则无关紧要。如果你不改变自己，就不能改变世界。员工可以自由选择他们的浏览器，但他们知道他们是否有困难，他们不会为非Firefox问题获得帮助。我们构建的网站仅通过Firefox进行测试。而来自互联网到我们网站的流量会得到一个关于此的消息。 – user1801810 2014-06-12 16:28:59

必须在您的代码中的东西是错误的......你有效地加载一切，并在正确的顺序？

你的代码JsBin>http://jsbin.com/uqahu3/edit

作品开箱。

来源

2011-03-08 19:45:30 balexandre

这可能是问题 - 我有同样的问题，事实证明，我的自定义jqueryui JavaScript没有包括所需的ui.mouse.js。 – Voodoo 2011-04-25 23:52:55

这是因为可拖动的脚本不是自包含的。您还需要包含一个鼠标事件处理库。

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

附加到

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

性能-注：滴和拖动功能大致增加了额外的javascript的45KB（未压缩）。这几乎是通过jquery-ui获得基本UI功能所需的代码。

来源

2011-09-05 13:55:12

需要注意的是，选择“对话框”时，“可拖动”和“可调整大小”不会自动选择。这是我的情况。 – 2012-05-31 14:57:07

jQuery UI对话框不可拖动或可调整大小

回答

相关问题