2013-03-27 17 views
5

Sto facendo la mia prima incursione in javascript + jQuery, progettando una pagina semplice ma incontrando errori, sono sicuro che è una cosa sciocca ma sono stato sopra il codice più volte e non riesco a individuare esso.Errore durante la chiamata al metodo jQuery html

L'errore che ricevo è qui sotto:

Error image

L'intero codice è al di sotto (ho cambiato la dinamica '#' + elementname + 'perc' in una stringa e ottengo lo stesso errore), chiunque può offrire una visione chiara?

<DOCTYPE html> 
<html> 
    <head> 
     <script src="js/jquery.js"></script> 
     <!--<script src="js/dealercalc.js"></script>--> 
     <script type="text/javascript"> 

$(document).ready(function(){ 
    $(".val-adjust").click(function(){ 
    var name = $(this).attr('name'); 
    var bit = $(this).attr('value'); 

    setvalue(name,bit); 

    //discountbits['basic'] = false; 
    //$("#basedisper").text(discountlist['basic']); 
    }); 
    $("#basdisyes").click(function(){ 
    discountbits['basic'] = true; 
    //$("#test1").html("<b>Hello world!</b>"); 
    }); 
    $("#btn3").click(function(){ 
    $("#test3").val(gettotal()); 
    }); 
} 
); 

function getpercbypurc(value){ 
    return 0; 
}; 

function setvalue(elementname,yesno){ 
    discountbits[elementname] = yesno; 
    if (yesno) { 
     $("#basicperc").hmtl(discountlist[elementname] + "%"); 
    } else { 
     $('#' + elementname + 'perc').hmtl("0%"); 
    } 
}; 

function gettotal() { 
    var total = 0; 

    for (var i=0; i<keys.length; i++){ 
     if (discountbits[keys[i]] = true) { 
      total += discountlist[keys[i]]; 
     } 
    } 

    return total; 
}; 

function displaytotal(){ 
    $('#totalper').html(gettotal()); 
}; 

var keys = ['basic', 'marketing']; 

var discountlist = { 
    basic:20, 
    marketing:2 
}; 

var discountbits = { 
    basic:true, 
    marketing:false 
}; 





     </script> 
    </head> 

    <body> 

     Base Discount<br> 
     <button class="val-adjust" name="basic" value="false">No</button> 
     <button class="val-adjust" name="basic" value="true">Yes</button> 
     <span id="basicperc">0</span> 
     <br> 
     <br> 

     Marketing Plan<br> 
     <button class="val-adjust" name="marketing" value="false">No</button> 
     <button class="val-adjust" name="marketing" value="true">Yes</button> 
     <span id="marketingperc">0</span> 
     <br> 
     <br> 

     Total<br> 
     <span id="totalper">0</span> 
    </body> 
</html> 
+3

E ' '.html()', 'non .hmtl()'. – JJJ

+0

Wow, grazie ragazzi, imbarazzante! – bendataclear

risposta

4

Hai ortografia sbagliato per html, hmlt dovrebbe essere html

Change

$("#basicperc").hmtl(discountlist[elementname] + "%"); 

Per

$("#basicperc").html(discountlist[elementname] + "%"); 
+0

Accettando come primo post. – bendataclear

+0

linguaggio di testo iper markup. – Fuser97381

4

si dispone di un errore di battitura

$("#basicperc").hmtl(discountlist[elementname] + "%"); 
     //-----^^^^---here 

dovrebbe essere

$("#basicperc").html(discountlist[elementname] + "%"); 
3

molto evidente errore di battitura. È html, non hmtl!

4

che hai fatto un errore di battitura, è l'HTML non HTML :)

Problemi correlati