Этот код работает в 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