Проблемы с использованием jquery ui изменяемого размера, перетаскивания и nicEdit

Я хотел бы создать некоторые изменяемые и перетаскиваемые теги div, содержащие теги textarea с jQueryUI. И я также хочу использовать nicEdit для форматирования текста внутри этих тегов textarea. Но я не могу их объединить, может быть. Я не могу редактировать текст, если я используйте $(element).resizeable().draggable(). Вот мой код:

<html>
<head>
<title>Trouble using  jquery ui resizeable, draggable and nicEdit</title>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
<script src="nicEdit/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-latest.js"></script>
<script type="text/javascript">

$(document).ready(function(){
var btnlist=['fontSize','fontFamily',
                'bold','italic','underline','strikeThrough',
                'left','center','right','justify',
                'ol','ul','hr',
                'indent','outdent',
                'forecolor','bgcolor',
                'subscript','superscript','removeformat'];

var myNicEditor = new nicEditor({iconsPath : 'nicEdit/nicEditorIcons.gif',buttonList     :btnlist });
myNicEditor.setPanel('myNicEdit');  
function ID()
{
var id="id";
var random_number=Math.round(Math.random()*1000000);
id+=random_number;
return id;
}

$('#a').click(function(){
  var id=ID();
  $('#content').append('<div class="d" style="width: 100px;height:100px;"><textarea        style="width:100%;height: 100%" id='+id+'></textarea></div>');
myNicEditor.addInstance(id);
jQuery('.d').draggable().resizable();//If i remove this line,it work ok.
});

}); 
</script>
</head>
<body>
<div>
<button id="a">Add</button>
<div id="myNicEdit" style="width: 200px;" ></div>
<br />
<div id="content">
</div>

Может кто-нибудь дать некоторые решения для меня! Спасибо большое!

</div>

Источник

1 ответ

Вам нужно добавить опцию 'handle', когда вы применяете dragggable, чтобы он не перехватывал событие onmousedown на всех дочерних элементах.

Источник
Другие вопросы по тегам