Problems in the use of x-bootstrap-editable

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
           
        });
Jan.10,2022
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bc5df9-2fffc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bc5df9-2fffc.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?