改变 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());
}

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

JSFiddle

Answer 1

您需要重新加载 X-editable 函数，但在您可以 du 之前，您需要像这样销毁它：

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

我已经编辑了你的 JSFiddel，请在这里查看新的：http://jsfiddle.net/xBB5x/9957/

希望对您有所帮助！

改变 x-editable 的值

Changing the value of x-editable

javascript

jquery

x-editable