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的所有其他设置，我想保留它。有没有什么办法可以在每次调整div时调用.editable()并再次调用所有其他设置？

JSFiddle

Answer 1

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

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

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

希望它有所帮助！

更改x-editable的值

1 个答案: