最简单的可编辑示例在我的页面上不起作用

时间:2015-06-26 21:31:56

标签: jquery jeditable

对不起,我想我某处犯了一个愚蠢的错误,但我现在花了2个小时...... arg。我只是想在我的网站上尝试jeditable,所以我在标题中包含了以下内容

<script type="text/JavaScript"
    src="js/jquery.jeditable.js"></script>
<script type="text/JavaScript">
    $(document).ready(function() {
        $('.edit').editable('whereever');
    });
    </script>

我在我的模板中名为js的文件夹中有jeditable.js文件 现在我加入

<div class="edit" id="div_1">Edit me</div>

在我的网站(正文)中没有任何反应

我也在加载jquery

<script src="https://ajax.googleapis.com
/ajax/libs/jquery/1.11.2/jquery.min.js">  
</script>
我做错了什么? ˚F

进一步测试: 建议我将jquery语句修改为

<script type="text/JavaScript">
    $(document).ready(function() {
        console.log("hello!");
        $('.edit').editable('whereever');
    });
    </script>

但是hello输出永远不会出现在控制台中......

以防不同的.js文件之间存在冲突(如果存在)这里是我包含的整个js文件集

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <!-- Latest compiled and minified JavaScript -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/locale/bootstrap-table.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>

<script type="text/JavaScript" src="js/jquery.jeditable.js"></script>
<script type="text/JavaScript">
    $(document).ready(function() {
        console.log("hello!");
        $('.edit').editable('whereever');
    });
</script>

<script type="text/x-mathjax-config">
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$']]}});
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

0 个答案:

没有答案