更改x可编辑的值

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元素上都正常调用.editable() ，但是问题是我丢失了所有我希望保留的x-editable的所有其他设置。 每次调整div的大小时，是否可以通过其他所有设置再次调用.editable()来实现此.editable() ？

JSFiddle

Answer 1

您需要重新加载X可编辑函数，但是在删除之前，您需要像这样销毁它：

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

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

希望能帮助到你！