使用jeditable并获取TypeError：$（...）。editable不是函数，该怎么办？

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>

而且我一直在

未捕获的TypeError：$（...）。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> 

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

小提琴演示

摆弄：服务器响应状态为404（确定）..这可能是原因