überprüfen Schaltfläche Wert jquery

Question

Ich versuche, einen bestimmten Text erscheinen zu lassen, wenn Sie auf ein Element klicken, wenn die Schaltfläche einen bestimmten Text hat. Derselbe Text der ersten if-Anweisung wird jedoch weiterhin angezeigt.

ist dies die Taste:

<button class="game-button">Start spel</button> 

Das sind die Tabellenelemente sind:

<div id="speelveld"> 
      <table border="0"> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
       <tr> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
        <td><img alt="" title="" src="img/empty.jpg" /></td> 
       </tr> 
      </table> 
     </div> 

und dies ist der JavaScript-Code:

$(".game-button").click(function(){ 
    $(".game-button").html("Reset spel"); 
}); 

if ($(".game-button").val() == "Start spel") { 
    $("#speelveld tr td").click(function() { 
     alert("Je kunt nog niet beginnen"); 
    }); 
} else { 
    $("#speelveld tr td").click(function() { 
     alert("hoi"); 
    }); 
} 

meine Frage ist: Wie kann ich Eine bestimmte Warnung erscheint, wenn die Taste einen bestimmten Text hat

Answer 1

Sie setzen den Handler auf td basierend auf einer Bedingung, die nie erfüllt wird.

Ändern Sie den Handler, um bei jedem Klicken auf eine Zelle der Tabelle nach dem Wert der Schaltfläche zu suchen.

$(".game-button").click(function(){ 
    $(".game-button").text("Reset spel"); 
}); 

$("#speelveld tr td").click(function() { 
    if ($(".game-button").text() === "Start spel") {  
     alert("Je kunt nog niet beginnen"); 
    } 
    else { 
     alert("hoi"); 
    } 
}); 

Answer 2

Du Bindungsereignis innerhalb des if. Also nur das Ereignis innerhalb if wird

registriert

Dies ist, was Sie tun müssen:

$("#speelveld tr td").click(function() { 
     if ($(".game-button").html() == "Start spel") { 
     alert("Je kunt nog niet beginnen"); 
     } else {    
     alert("hoi");    
     } 

    });