更改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/

希望能幫助到你！