【问题标题】:X-editable official example (jsFiddle) doesn't workX-editable 官方示例(jsFiddle)不起作用
【发布时间】:2015-09-21 09:28:37
【问题描述】:

我正在学习 X-editable 库,我想知道为什么官方网站上的一个示例不起作用。

JavaScript

$('#username').editable({
    type: 'text',
    url: '/post',    
    pk: 1,    
    title: 'Enter username',
    ajaxOptions: {
        dataType: 'json'
    },
    success: function(response, newValue) {
        if(!response) {
            return "Unknown error!";
        }          

        if(response.success === false) {
             return response.msg;
        }
    }        
});

//ajax emulation
$.mockjax({
    url: '/post',
    responseTime: 200,
    response: function(settings) {
        if(settings.data.value) {
            this.responseText = '{"success": true}';
        } else {
            this.responseText = '{"success": false, "msg": "required"}';
        }
    }
}); 

在此处查看完整代码:http://jsfiddle.net/xBB5x/62/

当我点击一个可编辑的文本,改变它并点击“确定”按钮,它之后什么也没有发生。我唯一能看到的是一个加载图标。任何人都可以解释它有什么问题吗?谢谢!

(取自http://vitalets.github.io/x-editable/demo-bs3.html“更多示例和技巧(jsFiddle)”部分)

【问题讨论】:

    标签: jquery twitter-bootstrap jsfiddle x-editable mockjax


    【解决方案1】:

    你应该更新 jsFiddle 外部资源 - jquery.mockjax.js
    它可以正常工作:
    https://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.6.2/jquery.mockjax.js

    【讨论】:

    • 这是一个救生员!我花了两个小时试图弄清楚为什么从演示页面复制的代码无法正常工作。