Question

我使用x-editable jQuery插件进行内联编辑值。 DB和其他人的编辑和远程调用以及保存工作正常。

我遇到的唯一问题是，当我点击要编辑的项目时，带有选择框的弹出窗口会按预期显示。但弹出窗口中的值为空。

如果我编辑该值并保存并再次重新打开，则会显示该值..但不会在没有进行任何更改时显示。

我应该怎么做才能确保弹出窗口打开进行编辑时，现在的值应该已经存在。

以下是HTML代码段的一部分：

<a href="#" class="position" data-pk="7">Bottom</a>
<a href="#" class="position" data-pk="8">Top</a>

以下是jQuery代码段的一部分：

$('.position').editable({
    type: 'select',
    name: 'position',
    url: '/save.php',
    source: [{
        value: 'left',
        text: 'Left'
    }, {
        value: 'right',
        text: 'Right'
    }, {
        value: 'top',
        text: 'Top'
    }, {
        value: 'bottom',
        text: 'Bottom'
    }]
});

网站中的所有示例都使用mockjax，我不确定是否在实际网站中使用。

My Fiddle

Answer 1

更新小提琴： http://jsfiddle.net/zXQbe/4/

归结为你的标记。应该如下：

<a href="#" class="position" data-pk="7" data-value="bottom">Bottom</a>
<a href="#" class="position" data-pk="8" data-value="top">Top</a>

编辑：已实现我对您定义的data-pk值进行了破坏。

在内联弹出编辑器中未选择实际值

1 个答案: