requirements: click the edit button, and an edit box appears. The effect is as shown in
js code: $pageeditor_editor is the edit button
$pageeditor_editor.click(function(event){
$editable_click = $("body").find($(this).attr("data-obj")).eq($(this).attr("data-index"));
//
$pageeditor_remark.editable({
type: "text", //text|textarea|select|date|checklist
title: "", //
disabled: false, //
emptytext: "", //
mode: "inline", //:popupinlinepopup
});
});
html Code:
<div class="pageeditor-btn">
<a href="-sharp" class="pageeditor-remark hidden editable editable-click"></a>
<button class="btn pageeditor-editor">
<i class="icon fontFamily ts-pencil"></i>
</button>
</div>
question: when you click the button, the edit box is not displayed, but I wrote the following code for the test, which can be displayed. I don"t know whether the description is clear
.<a href="-sharp" id="username"></a>
$("-sharpusername").editable({
type: "text", //text|textarea|select|date|checklist
title: "", //
disabled: false, //
emptytext: "", //
mode: "inline", //:popupinlinepopup
});