Using jeditable and getting TypeError: $(...).editable is not a function, what to do?

Using jeditable and getting TypeError: $(...).editable is not a function, what to do?

所以我正在尝试使用 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>

我不断收到

Uncaught TypeError: $(...).editable is not a function

我做错了什么?

这是一个工作演示

$(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

在 fiddle 中:服务器响应状态为 404(正常)..这可能是原因