1

我有一个嵌套在 jQuery 可调整大小的 div 中的跨度，它嵌套在 jQuery 可拖动 div 中。

当单击跨度进行编辑时，我正在使用 wrapinner 将文本区域添加到跨度。

出于某种原因，可调整大小不起作用。

我不知道我是否遗漏了一些明显的东西。

非常感谢任何帮助

这是一个 jsfiddle http://jsfiddle.net/VXfHD/

和代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>   
 <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
 <script>
 $(document).on('click', '#span22', function (event) {
$('#span22').wrapInner('<textarea style="width:100%; height:100%; background-color:transparent; border:0"/>');
$('span textarea').focus();
var box_id = 22;
var page_ref = 170;
var template_ref = 15;
var myBox = "span" + box_id;
$.getJSON("get_edit_content.php", {
    box_id: box_id,
    page_ref: page_ref,
    template_ref: template_ref
 })
    .done(function (data) {
    $('textarea').html(data.a);
 });
});

$(document).on('blur', 'textarea', function () {
 $("span").html($('span textarea').val());
 var edit_content = $('#span22').html();
 var box_id = 22;
 var page_ref = 170;
 var template_ref = 15;
 $.post("update_textarea.php", {
    box_id: box_id,
    page_ref: page_ref,
    template_ref: template_ref,
    edit_content: edit_content
 },

function (data, status) {});
}).on('click', 'textarea', function (event) {
event.stopPropagation();
});

$(function () {
 $(".resizable").resizable();
 $("#draggable").draggable();
});  
</script>  
</head>

 <body>
  <div id="draggable">
<div class="resizable" style="width:300px;height:200px; background:red">
        <span id="span22">testing</span>
    </div>
 </div>
</body>
</html>
4

1 回答 1

1

正如karthik所回答的

我错过了检查框架和扩展中的 jquery UI 文件

于 2013-05-21T09:20:12.203 回答