Question

我正在尝试在我的django模板中应用X-editable和bootstrap。

我按照此链接https://vitalets.github.io/x-editable/docs.html

的基本教程进行操作

我创建了我的main.js文件，里面有javascript。我在我的模板中放置了正确的代码，但是当我点击用户名并尝试编辑它时没有任何反应。

任何想法为什么？我的模板代码:::

的一部分

    </table>

    <div class="container">

      <h1>X-editable starter template</h1>

      <div>
        <span>Username:</span>
        <a href="#" id="username" data-type="text" data-placement="right" data-title="Enter username">superuser</a>
      </div>

      <div>
        <span>Status:</span>
        <a href="#" id="status">Status Test</a>
      </div>


    </div>


        <!-- bootstrap -->
        <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
        <script src="{% static 'js/jquery-2.0.3.min.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>

        <!-- x-editable (bootstrap version) -->
        <link href="{% static 'css/bootstrap-editable.css' %}" rel="stylesheet"/>
        <script src="{% static 'js/bootstrap-editable.min.js' %}"></script>

        <!-- main.js -->
        <script src="{% static 'js/main.js' %}"></script>
        <script src="{% static 'js/collapse.js' %}"></script>

{% endblock %}

和javascript文件：

$(document).ready(function() {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';

      $('#username').editable({
        type: 'text',
        title: 'Enter username',
        success: function(response, newValue) {
            userModel.set('username', newValue); //update backbone model
        }
    });

    //make status editable
    $('#status').editable({
        type: 'select',
        title: 'Select status',
        placement: 'right',
        value: 2,
        source: [
            {value: 1, text: 'status 1'},
            {value: 2, text: 'status 2'},
            {value: 3, text: 'status 3'}
        ]
        /*
        //uncomment these lines to send data on server
        ,pk: 1
        ,url: '/post'
        */
    });
});

Django＆amp; X-editable不起作用

0 个答案: