Question

我试图弄清楚如何用一个编辑按钮编辑某个类的所有区域。

这是我的JS：我把它扔进了一个可以再次使用的函数中。我有一个周围的div，里面有一些“细节”

如何创建1个按钮“编辑”并让它们一次全部触发？尝试模拟facebook效果，如果单击某个部分，整个部分将变为可编辑状态。不确定是怎么做的。

function editProfileText(url, selector, type, data) {
      $(selector).editable(url, { 
        cssclass : 'inline-edit',
        //data   : data,
        id   : 'elementid',
        name : 'elementvalue',
        indicator : '<img src="/assets/images/ajax-loader.gif">',
        tooltip   : 'Click to edit...',
        submit: 'Save',
        event: "edit",
        //onblur : 'ignore',
        type: type

 });

 }   
    //Link for Text Only
    $('a.edit').live('click', function(){
        editProfileText("profile/editprofile", "span.detail" , "text", "");
        $(this).prev().trigger("edit");
    });

解决方案：

function editProfileText(url, selector, type, data) {
          $(selector).editable(url, { 
            cssclass : 'inline-edit',
            //data   : data,
            id   : 'elementid',
            name : 'elementvalue',
            indicator : '<img src="/assets/images/ajax-loader.gif">',
            tooltip   : 'Click to edit...',
            submit: 'Save',
            event: "click",
            //onblur : 'ignore',
            type: type

     });

     }   
$('a.edit').live('click', function(){
        editProfileText("profile/editprofile", "span.detail" , "text", "");
         $('span.detail').trigger('click');
});

Answer 1

您始终可以使用“编辑”按钮触发可编辑元素上的点击事件，例如：

$('a.edit').live('click', function(){
    $('input.edit').trigger('click');
});

可编辑所有部分？

1 个答案: