2013-03-27 19 views
5

Robię mój pierwszy wypad w javascript + jQuery, projektując prostą stronę, ale napotykając błędy, jestem pewien, że jest to coś głupiego, ale kilka razy przeszedłem kod i nie mogę znaleźć to.Błąd podczas wywoływania metody jQuery html

Błąd zgłaszany jest poniżej:

Error image

Cały kod jest poniżej (Zmieniłem dynamiczny '#' + elementname + 'perc' na sznurku i uzyskać ten sam błąd), może ktoś oferują żadnego wglądu?

<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

To '.html()', 'nie .hmtl()'. – JJJ

+0

Wow, dzięki chłopaki, żenujące! – bendataclear

Odpowiedz

4

Masz źle pisowni dla html, hmlt powinny być html

Zmień

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

Aby

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

Przyjmowanie jako pierwszy post. – bendataclear

+0

Język tekstu hiper znaczników. – Fuser97381

4

masz literówkę

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

powinny być

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

bardzo oczywiste literówki. To jest html, a nie hmtl!

4

zrobiłeś literówkę, to html nie HMTL :)

Powiązane problemy