无法将整个div转换为可编辑的形式

我有一个基本信息的div，我有一个编辑按钮，当用户点击编辑按钮这个基本信息的div将被转换成形式。我正在使用Jeditable！为这项工作。但问题是，当用户点击编辑按钮时，我的JavaScript函数被调用，然后为了编辑，我必须点击该字段进行编辑，但我想单点击形式应该是可见的，我不必去并点击每个字段。对于JavaScript方法的代码，如下无法将整个div转换为可编辑的形式

  // 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' 
     } 
     );

来源

2013-12-18 Naveed Yousaf

你在哪里打电话给这个js？给我们小提琴。 – Neha

[这里是代码]（http://jsfiddle.net/NaveedYousaf/Qg9ww/）你可以检查它 –

您需要的编辑附加到自定义event，说custom.editable，然后触发同样的事件，当编辑按钮用户点击（说的ID是`＃编辑“）

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

和配置您可编辑区域为这样：

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

看到这个小提琴：http://jsfiddle.net/f2akB/

来源

2013-12-18 07:06:55

你能解释一下这行代码吗这是干什么'$（'。edit'）。trigger（ 'editing.custom'）;” –

是的，请参阅Jeditable的文档，您可以绑定任何事件并触发表单的可编辑功能。默认情况下，它绑定到'点击'，但你可以绑定任何东西。在这里我已经将它绑定到'editing.custom'。这只是我想到的一个自定义事件。现在，当你点击按钮时，你需要以某种方式在这个元素上制造**这个事件，以便元素变得可编辑，这就是我使用'trigger'的原因。它用于手动创建事件。看到它的jQuery文档的更多细节。 –

无法将整个div转换为可编辑的形式

回答

相关问题