此代码适用于Firefox,Internet Explorer,而不适用于Safari/Chrome:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script>
function newDiv() {
var div = $('<div id="divNew" style="width: 50px; height: 50px; border: solid 1px; background: Red"></div>');
$('#divParent').append(div);
div.draggable(
{
containment: 'parent'
});
}
</script>
</head>
<body>
<a href="javascript:;" onclick="newDiv()">new div</a>
<div id="divParent" style="width: 500px; height: 500px; border: solid 1px;"></div>
</body>
Run Code Online (Sandbox Code Playgroud)
在Safari/Chrome中,divNew只能垂直移动.jQuery的这个功能目前是不兼容的吗?我使用1.5.2稳定版本.可以在这里找到jQuery 1.5.2