Невозможно преобразовать весь div в редактируемую форму

Question

У меня есть сводная базовая информация, и у меня есть кнопка для редактирования, когда пользователь нажимает кнопку редактирования. Эта основная информация div будет преобразована в форму. Я использую Jeditable! для этой работы. Но проблема в том, когда пользователь нажимает на кнопку редактирования, моя функция JavaScript вызывается, а затем для редактирования я должен щелкнуть по полю для редактирования, но я хочу, чтобы одна форма клика была видимой, мне не нужно идти и нажимать каждое поле. Код Javascript метод, который, как показано ниже

  // alert('ready'); 
     alert("I Got That All!!!"); 
     $('#name1').editable(' ' 
     ); 
     $('#name1').editable('enable'); 
     $('#BG1').editable(' ', 
     { 
      data: " {'1':'O+','2':'O-','3':'A+','4':'A-','5':'B+','6':'B-','7':'AB+','8':'AB-','selected':'1'}", 
      type: 'select' 
     } 
     ); 
     $('#BG1').editable('enable'); 
     $('#DOB2').editable(''); 
     $('#DOB2').editable('enable'); 
     $('#MS1').editable(' ', 
     { data: "{'1':'Single','2':'Married','3':'Engaged','selected':'1'}", 
      type: 'select' 
     } 
     ); 

Answer 1

Вы должны приложить редактируемые к обычаю event, скажем custom.editable, а затем вызвать тот же самый случай, когда пользователь нажимает на кнопку редактирования (говорят, что это идентификатор `# редактировать ')

$('#edit').on('click', function() { 
    $('.editable').trigger('custom.editable'); 
} 

и настроить редактируемой области, как, например:

$('.editable').editable('... path ...', { 
    event: 'custom.editable' 
    ... more config ... 
} 

Смотрите эту скрипку: http://jsfiddle.net/f2akB/