JQuery: Syntaxerror: function-Anweisung erfordert ein Name

Question

Hallo stackovlerflow,

function delete() { 
    if ($.('#deleted').value=="0") { 
     $.("#deleted").val('1'); 
     $.("#deletedBtn").removeClass('btn-danger'); 
     $.("#deletedBtn").addClass('btn-success'); 
     $.("#deletedBtn").html("Delete user"); 
    } else { 
     $.("#deleted").val('0'); 
     $.("#deletedBtn").removeClass('btn-success'); 
     $.("#deletedBtn").addClass('btn-danger'); 
     $.("#deletedBtn").html("Revoke deletion"); 
    } 
} 

Tis Funktion wirft mich

SyntaxError: function statement requires a name functions.js:1:9

Google doesn `t Hilfe, so dass ich hoffe, dass Sie mir helfen können!

Thanks a lot // Cripi

Answer 1

löschen ist ein reserviertes Wort in JavaScript - siehe List of reserved words in JavaScript

Ihr Code könnte wie folgt aussehen:

function fun() { 
    var deleted = $("#deleted"); 
    var deletedBtn = $("#deletedBtn"); 

    if (deleted.val() === "0") { 
     deleted.val('1'); 
     deletedBtn.removeClass('btn-danger'); 
     deletedBtn.addClass('btn-success'); 
     deletedBtn.html("Delete user"); 
    } else { 
     deleted.val('0'); 
     deletedBtn.removeClass('btn-success'); 
     deletedBtn.addClass('btn-danger'); 
     deletedBtn.html("Revoke deletion"); 
    } 
} 

Answer 2

Sie können als nicht löschen verwenden Methodenname, da es in Javascript reserviert ist.

Auch können Sie eine Variable verwenden Vervielfältigung im Code zu vermeiden:

function deleteAction() { 
    $btn = $('#deleted'); 
    if ($btn.value=="0") { 
     $btn.val('1'); 
     $btn.html("Delete user"); 
    } else { 
     $btn.val('0'); 
     $btn.html("Revoke deletion"); 
    } 
    $btn.toggleClass("btn-danger btn-success"); 
}