Question

我有

 <tr>
     <td><i class="fa fa-folder-o" aria-hidden="true"></i>Site</td>
     <td>
         <a href="{{$url}}" id="username" data-type="string" data-pk="1" data-name="username" data-url="post.php" data-toggle="#pencil" data-default="'click'">{{$url}}</a>
         <a href="#" id="pencil" style="float: right"><i class="fa fa-pencil"></i></a>
     </td>
</tr>

和

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="/js/bootstrap-editable.js"></script>

<script>

   $(function(){
   $('#pencil').click(function(e){
       e.stopPropagation();
       $('#username').editable('toggle');
       $('#pencil').hide();
    });
    $(document).on('click', '.editable-cancel, .editable-submit', function(){
       $('#pencil').show();
    });
 });
</script>

结果：未捕获TypeError：$（...）。editable不是函数（$('#username').editable('toggle'); - 这里）

但是当我只有$('#username').editable();时，默认情况下一切正常，但是在这个元素上。当我点击按钮（＃pencil）时需要它工作。

有人能帮助我吗？我已经花了很多时间在这上面。我真的不明白什么是错的。

Answer 1

对于在asp.net mvc局部视图上收到此错误的人，我通过仅在主视图中添加引用来解决此问题。

我在所有部分视图中添加了jquery和xeditable引用，这些视图彼此冲突。

X-editable $（...）。editable不是一个函数

1 个答案: