Jquery sur le clavier ne fonctionne pas

Question

J'utilise une application web asp.net et j'ai un script comme suit.

<script> 
    $(document).ready(function() { 
    $("#popup input").keyup(function() { 
     var total = 0; 

     $(".txtLitAmount").each(function (index, item) { 

      temp = parseFloat($(item).val()); 

      if (isNaN(temp)) 
       temp = 0 
      total = total + temp; 
     }); 
     $("#lblTotal").text(total); 
    }); 
    }); 
</script> 

Partie Html en tant que.

<div> 
 
<table width="100%" class="table"> 
 
     <thead> 
 
        <tr> 
 
         <th>Dimension Code</th> 
 
         <th>Dimension Name</th> 
 
         <th>Amount</th> 
 

 
        </tr> 
 
       </thead> 
 
       <tbody> 
 

 
      <tr class="gradeX"> 
 

 
       <td> 
 
        Dubai Office</td> 
 
       <td> 
 
        Sales</td> 
 
       <td> 
 
        <input type="text" value="0.00" id="litAmount_0" class="txtLitAmount"></td> 
 
      </tr> 
 

 

 
      <tr class="gradeX"> 
 

 
       <td> 
 
        Dubai Office</td> 
 
       <td> 
 
        Test</td> 
 
       <td> 
 
        <input name="litAmount" type="text" value="0.00" id="litAmount_1" class="txtLitAmount"></td> 
 
       
 
      </tr> 
 
      </tbody> 
 

 
     </table> 
 
     <div style="width: 100%; padding-left: 624px;"> 
 
     <label style="margin-right: 20px;">SubTotal</label> 
 
     <span id="lblTotal" class="lblSubtotal">0.00</span> 
 
    </div> 
 

 
</div>

Quand je lance le script ci-dessus sur la console du navigateur, il fonctionne. Mais à partir de l'application, il ne déclenche pas l'événement key up lorsque vous saisissez des valeurs dans les zones de texte. Quelqu'un peut-il m'aider? Merci d'avance.

Answer 1

J'ai vérifié votre code je pense que vous pouvez suivre mon pas.

<script> 
$(document).ready(function() { 
$("input").keyup(function() { 
    var total = 0; 

    $(".txtLitAmount").each(function (index, item) { 

     temp = parseFloat($(item).val()); 

     if (isNaN(temp)) 
      temp = 0 
     total = total + temp; 
    }); 
    $("#lblTotal").text(total); 
}); 
}); 

Answer 2

Etes-vous sûr d'avoir ajouté cette ligne dans votre code?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

Answer 3

Il fonctionne https://www.bootply.com/QlIZUYOKDu

Je viens de changer $("#popup input") avec $(".txtLitAmount")