gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 11:06:31 25 4
gpt4 key购买 nike

我在使对话框可拖动和可调整大小时遇到​​问题。关于此的所有文档和问题使它听起来直截了当,但我无法让它工作。知道我可能做错了什么吗?

<!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>

最佳答案

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

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

除此之外

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

性能注意事项:拖放功能会增加大约 45kb(未压缩)的额外 javascript。这几乎是从 jquery-ui 获得基本 UI 功能所需的代码。

关于jquery-ui - jQuery UI 对话框不可拖动或调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5237390/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com