jquery - Jeditable 中的 "loadtext"参数是什么(jQuery 就地编辑插件)

Question

我刚刚将 Jeditable 插件添加到我的网站。该插件可在此处获取: http://www.appelsiini.net/projects/jeditable

一切正常，但我使用“loadurl”参数加载文本进行编辑，我想在加载文本时显示一些文本或图像。

我在默认值中看到“loadtext”参数，据我了解，当我单击文本进行编辑时，应显示“正在加载...”。不幸的是，我什么也没看到。

    $.fn.editable.defaults = {
    loadtext   : 'Loading...', //Text to display while loading external content.
...
...
    };

当文本加载到文本区域时，如何显示“loadtext”或“indicator”参数中的图像？

谢谢。

Answer 1

我使用 ajaxSend 和 ajaxStop 来检测是否有对加载 url 的 ajax 调用，如果有，则隐藏/显示加载标签。

HTML:

<div id="editable">select me</div>
<span id="loading">Loading dropdown..</span>

JS:

var load_url = 'http://echo.jsontest.com/insert-key-here/insert-value-here/key/value';

 $('#editable').editable('/Project/UpdatePerson', {
        loadurl: load_url,
        type: 'select',
        loadtext: '<b>Loading Dropdown..." /></b>',
        indicator: '<b>Saving...',
        submit: 'OK',
        callback : function(value, settings) {
            var json = $.parseJSON(value);
            $(this).text(json.Value);

        }
    });

$(document).ajaxSend(function(r,s,t) {
    if($.trim(t.url)==load_url+"?id=editable")
     $('#loading').show();
 });

$(document).ajaxStop(function(r,s) {
   if($('#loading').is(':visible'))
   $('#loading').hide();
});

这是一个Updated DEMO