此代码适用于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>
在Safari / Chrome中,只能垂直移动divNew. jQuery的这个功能目前是不兼容的？我使用的是1.5.2的稳定版本,可以在这里找到jQuery 1.5.2
解决方法
我找到的解决方案是设置元素位置：absolute！important,:))