3

特定のクラスのすべての領域を 1 つの編集ボタンで編集する方法を見つけようとしています。

これが私の 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');
});
4

1 に答える 1

2

いつでも「編集」ボタンを使用して、編集可能な要素でクリック イベントをトリガーできます。例:

$('a.edit').live('click', function(){
    $('input.edit').trigger('click');
});
于 2009-08-18T21:34:55.067 に答える