使用 jeditable 并得到 TypeError: $(...).editable is not a function，怎么办？

Question

所以我正在尝试使用Jeditable 插件来获取一些可编辑的文本，现在我几乎重复了插件主页上的示例，我所拥有的是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://www.appelsiini.net/download/jquery.jeditable.mini.js"></script>
<div class="edit">lorem ipsum dolor sit amet</div>
<script>
    $(document).ready(function(){
        $('.edit').editable('/meh.php');
    });
</script>

我不断得到

未捕获的类型错误：$(...).editable 不是函数

我做错了什么？

Answer 1

这是一个工作演示

$(document).ready(function(){
        $('.edit').editable('/meh.php');
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.appelsiini.net/download/jquery.jeditable.mini.js"></script>
<div class="edit">lorem ipsum dolor sit amet</div>

但同样的代码在这里不起作用

Fiddle Demo

在小提琴中：服务器响应状态为 404 (OK) .. 这可能是原因