Question

我有X-Editor的问题。我想举例如下

<ul class="nav nav-tabs">
            <li data-bind="css: { active: $parent.selectedTab() === $data }">
                <a data-toggle="tab" data-bind="attr:{href:'#UserTab_'+ID()},click: $parent.selectedTab">
                    <span data-bind="editable:Title, editableOptions: {toggle:'mouseenter',name: 'Title', pk: ID, url: '/updateTitle'}"></span>
                    <span class="btn btn-link" data-bind="click:$parent.removeTab">
                        <i class="glyphicon glyphicon-remove"></i>
                    </span>
                </a>
            </li>
        </ul>

我有链接选择标签，在此链接下我有可编辑的范围。当我将其移动到不在标签选择的情况下时，可编辑的跨度工作正常。

怎么能让它起作用？它目前显示编辑弹出窗口但不接受新值。

Answer 1

您的点击事件处理程序会以某种方式干扰可编辑的绑定。要解决此问题，只需更改您的点击装订，如下所示：

<a href="#" data-bind="click: function() { $parent.selectedTab($data); return true; }">

这允许在您的点击功能完成后触发默认点击操作。有关详细信息，请参阅documentation中的注释3。

X-Editor无法正常工作

1 个答案:

Working demo.