javascript - 更改 x-editable 的值

Question

我有一些与 x-editable 一起使用的超链接。它们基本上代表了可调整大小的 div 的大小。现在，当我调整 div 大小时，我正在设置 <a> 的文本元素显示新尺寸。问题是，当我单击超链接时，x-editable 输入的初始值不会根据相应的 <a> 的新文本值进行更改。元素。

因此，如果初始 div 大小为 400x400，并且我将其大小调整为 600x400，那么当我单击编辑宽度时，初始文本框值仍为 400。

function updateDivSize(div) //this is called whenever the div is being resized
{
    //$(context).find(".width-editable").editable('setValue', $(div).width());
    //$(context).find(".height-editable").editable('setValue', $(div).height());
    $(context).find(".width-editable").text($(div).width());
    $(context).find(".height-editable").text($(div).height());
}

现在如果我打电话 .editable()每次它都工作正常时再次在 a 元素上，但问题是我丢失了 x-editable 的所有其他设置，我想保留这些设置。有什么办法可以做到这一点而不需要打电话 .editable()每次调整 div 大小时都要再次使用所有其他设置吗？

JSFiddle

Answer 1

您需要重新加载 X-editable 函数，但在此之前您需要像这样销毁它:

$(".width-editable").editable('destroy');
$(".height-editable").editable('destroy');

我已经编辑了您的 JSFiddel，请在此处查看新的:http://jsfiddle.net/xBB5x/9957/

希望对你有帮助!