使用jQueryUI可調整大小，可拖動和nicEdit的問題

我想創建一些可調整大小和可拖動的div標籤包含textarea標籤與jQueryUI.And我也想用nicEdit格式文本里面這些textarea tags.But我不能合併他們，如果我使用maybe.I不能編輯文本$（元素）.resizeable（）拖動（）這裏是我的代碼：。使用jQueryUI可調整大小，可拖動和nicEdit的問題

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

來源

2012-07-31 Trần Minh

你需要，當你申請拖動添加「句柄」選項，這樣它不會對所有的子元素劫持的onmousedown事件的事件。

來源

2012-08-30 06:29:06 Steve

我會盡力的。謝謝 – 2012-08-30 06:55:05

使用jQueryUI可調整大小，可拖動和nicEdit的問題

回答

相關問題