更改x-editable的值

我有一些与x-editable一起使用的超链接。 它们基本上代表可resize的div的大小。 现在，当我调整div的大小时，我正在设置元素的文本以显示新的大小。 问题是当我然后单击超链接并且x-editable进来时输入的初始值没有根据相应的元素的新文本​​值而改变。

因此，如果初始div大小为400×400并且我将其大小调整为600×400，那么当我单击以编辑宽度时，初始文本框值仍为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的所有其他设置，我想保留。 有没有什么方法可以做到这一点，而.editable()每次调整div时调用.editable()再次使用所有其他设置？

的jsfiddle

Answer 1

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

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

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

希望能帮助到你！