Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Dynamic div容器文本区域在第三次尝试时失去其值_Jquery_Html - Fatal编程技术网

Jquery Dynamic div容器文本区域在第三次尝试时失去其值

Jquery Dynamic div容器文本区域在第三次尝试时失去其值,jquery,html,Jquery,Html,我正在使用“添加到列表…”按钮动态创建一个div。动态div分为两部分:标题和内容。div的两个部分都有onclick事件,该事件在textarea中显示单击部分上的文本。有一个textarea模糊事件使div返回其原始形式 当我第三次点击任何div部分时,问题就出现了。It textarea框丢失其值并开始显示“” 我们将非常感谢您在这个问题上提供的任何帮助。为了清楚地理解,我将分享下面的完整代码 提前感谢:) Javascript动态创建Div元素 身体{ 最小宽度:520px; } .栏

我正在使用“添加到列表…”按钮动态创建一个div。动态div分为两部分:标题和内容。div的两个部分都有onclick事件,该事件在textarea中显示单击部分上的文本。有一个textarea模糊事件使div返回其原始形式

当我第三次点击任何div部分时,问题就出现了。It textarea框丢失其值并开始显示“”

我们将非常感谢您在这个问题上提供的任何帮助。为了清楚地理解,我将分享下面的完整代码

提前感谢:)


Javascript动态创建Div元素
身体{
最小宽度:520px;
}
.栏目{
宽度:170px;
浮动:左;
填充底部:100px;
}
.portlet{
利润率:0.1米1米0;
填充:0.3em;
}
.portlet头{
填充:0.2em 0.3em;
边缘底部:0.5em;
位置:相对位置;
}
.portlet切换{
位置:绝对位置;
最高:50%;
右:0;
利润上限:-8px;
}
.portlet内容{
填充:0.4em;
}
.portlet占位符{
边框:1px点黑色;
利润率:0.1米1米0;
高度:50px;
}
div{
最小高度:20px;
}
文本区{
宽度:100%;
调整大小:垂直;
}
$(函数(){
$(“.column”).sortable({
连接到:“.column”,
句柄:“.portlet头”,
取消:“.portlet切换”,
占位符:“portlet占位符ui角点全部”
});
$(“.portlet”)
.addClass(“ui小部件ui小部件内容ui帮助程序clearfix ui角点全部”)
.find(“.portlet头”)
.addClass(“ui小部件标题ui角点全部”)
.prepend(“”);
$(“.portlet切换”)。单击(函数(){
var icon=$(这个);
toggleClass(“ui图标+ui图标+图标图标”);
icon.closest(“.portlet”).find(“.portlet内容”).toggle();
});
});
函数createDiv(){
//警报(“测试!!”);
var divTag=document.createElement(“div”);
divTag.className=“column”;
divTag.innerHTML=“”+
“提要”+
“Lorem ipsum dolor sit amet,一位杰出的领袖”+
"";
document.body.appendChild(divTag);
$(“.column”).sortable({
连接到:“.column”,
句柄:“.portlet头”,
取消:“.portlet切换”,
占位符:“portlet占位符ui角点全部”
});
$(“.portlet”)
.addClass(“ui小部件ui小部件内容ui帮助程序clearfix ui角点全部”)
.find(“.portlet头”)
.addClass(“ui小部件标题ui角点全部”)
.prepend(“”);
$(“.portlet切换”)。单击(函数(){
var icon=$(这个);
toggleClass(“ui图标+ui图标+图标图标”);
icon.closest(“.portlet”).find(“.portlet内容”).toggle();
});
}
函数(占位符){
var divHtml=$(占位符).html();
var editableText=$(“”);
$(占位符).html(editableText.val(divHtml));
$(占位符).removeAttr(“onclick”);
editableText.focus();
editableText.blur(函数(){
editableText模糊(占位符,editableText);
});
}
函数editableText模糊(占位符,editableText){
var html=$(editableText).val();
$(占位符)。在('click',函数(){
div(占位符);
});
var viewableText=html;
$(可编辑文本)。替换为(可视文本);
}

在您的函数中可编辑文本模糊替换

$(placeholder).on('click', function () {
        divClicked(placeholder);
    });


应该有效。:)

我几乎不想破译你的整个脚本,但我要冒险说一句,这很可能是你的逻辑。如果你能简化脚本,进入www.jsfiddle.net,我相信你会得到答案。它工作得很好。非常感谢您的帮助@Sunny
$(placeholder).on('click', function () {
        divClicked(placeholder);
    });
$(placeholder).attr("onclick","divClicked(this)");