如何添加雙擊進行編輯（內聯編輯）

Question

任何人都可以幫助我如何添加將雙擊進行編輯的功能。 現在只需單擊即可進行編輯

    <script>
    function showEdit(editableObj) {
        $(editableObj).css("background","#FFF");
    } 

    function saveToDatabase(editableObj,column,id) {
        $(editableObj).css("background","#FFF url(ajax-loader.gif) no-repeat right");
        $.ajax({
            url: "update.php",
            type: "POST",
            data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
            success: function(data){
                $(editableObj).css("background","#FDFDFD");
                  // $.notify('Document Updated',{close: true, color: "#fff", background: "#20D67B",animationType:"drop"})
            }        
       });
    }
    </script>

Answer 1

我假設您想在雙擊后調用showEdit函數，因此只需使用一個計數器變量即可檢查點擊計數，以使其正常工作。

<script>
var clickCount = 0;

function showEdit(editableObj) {
    clickCount++;
    if(clickCount == 2){
        $(editableObj).css("background","#FFF");
        clickCount = 0;
    }        
} 

function saveToDatabase(editableObj,column,id) {
    $(editableObj).css("background","#FFF url(ajax-loader.gif) no-repeat right");
    $.ajax({
        url: "update.php",
        type: "POST",
        data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
        success: function(data){
            $(editableObj).css("background","#FDFDFD");
              // $.notify('Document Updated',{close: true, color: "#fff", background: "#20D67B",animationType:"drop"})
        }        
   });
}
</script>