Jquery ui 使用jquery ui可调整大小、可拖动和nicEdit时出现问题
我想创建一些可调整大小和可拖动的div标记,其中包含带有jQueryUI的textarea标记。我还想使用nicEdit格式化这些textarea标记内的文本。但我可能无法组合它们。如果我使用$(element)。可调整大小()。可拖动()。以下是我的代码:Jquery ui 使用jquery ui可调整大小、可拖动和nicEdit时出现问题,jquery-ui,nicedit,Jquery Ui,Nicedit,我想创建一些可调整大小和可拖动的div标记,其中包含带有jQueryUI的textarea标记。我还想使用nicEdit格式化这些textarea标记内的文本。但我可能无法组合它们。如果我使用$(element)。可调整大小()。可拖动()。以下是我的代码: <html> <head> <title>Trouble using jquery ui resizeable, draggable and nicEdit</title> <link
<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>
使用jquery ui可调整大小、可拖动和nicEdit时出现问题
$(文档).ready(函数(){
var btnlist=['fontSize','fontFamily',
“粗体”、“斜体”、“下划线”、“删除线”,
‘左’、‘中’、‘右’、‘对正’,
‘ol’、‘ul’、‘hr’,
'缩进','outdent',
‘前景色’、‘bgcolor’,
'下标','上标','删除格式'];
var myNicEditor=新的nicEditor({IConPath:'nicEdit/nicEditorIcons.gif',buttonList:btnlist});
setPanel('myNicEdit');
函数ID()
{
var id=“id”;
var random_number=Math.round(Math.random()*1000000);
id+=随机数;
返回id;
}
$('#a')。单击(函数(){
var id=id();
$(“#内容”)。追加(“”);
myNicEditor.addInstance(id);
jQuery('.d').draggable().resizeable();//如果我删除这一行,它就可以正常工作。
});
});
添加
谁能给我一些解决办法!非常感谢
</div>
应用Dragable时,需要添加“handle”选项,这样它就不会在所有子元素上高举onmousedown事件