Question

我想简单地使用插件x-editable，然后按照官方文档中的步骤进行操作。

当我使用Bootstrap 2时，它确实工作正常，但它在BS3上不再起作用（即使我将所有内容更新到最新版本等）。

所以当我点击链接触发可编辑的弹出窗口时，我在firebug中遇到了这个错误：

TypeError: this.$element.data(...) is undefined
[...]/Bootstrap3/js/bootstrap-editable.js
Line 154

实际上是这一行：

this.$element.data('popover').tip().addClass('editable-popover');

顺便说一下，我正在使用CakePHP，所有的插件（js和CSS）都被声明等......

所以我已经没想到了，如果有人知道，那就太酷了！

谢谢！

编辑：问题解决了，只需重新加载缓存......旧脚本仍在其中，因此存在兼容性问题。

Answer 1

您是否从http://vitalets.github.io/x-editable/assets/zip/bootstrap3-editable-1.5.0.zip

下载了最新的Bootstrap 3就绪版本

我在http://vitalets.github.io/x-editable/docs.html的步骤后没有发现任何问题。请参阅：http://jsfiddle.net/xaRbU/

注意这些例子使用的是jquery-2.0.3（上面的小提琴与1.9.1一起使用）。由于jQuery 2不支持IE8 Bootstrap需要最新的1.x版jQuery，另请参阅：Updating Bootstrap to version 3 - what do I have to do?

使用的代码：

HTML：

<div class="container">
<div class="row">
    <a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>
</div>
</div>

的javascript：

$(document).ready(function() {
    $('#username').editable();

});

的CSS：

/* create some space cause the popup shows on the top of the element */
body{padding-top:100px;}

使用x-editable和BS3时出错

1 个答案:

HTML：

的javascript：

的CSS：