基本的jQuery计算器

我正在研究jQuery计算器。一切都很好，直到几分钟前，现在什么都不会发生。我意外地在代码中插入了一个坏字符吗？我已经上下扫描了几次，但找不到源代码。任何帮助，将不胜感激！基本的jQuery计算器

头：

<script src="http://code.jquery.com/jquery.js"></script> 
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
<link rel="stylesheet" type="text/css" href="css/style-calc.css"> 
<script src="js/bootstrap.min.js"></script>

的jQuery：

$(document).ready(function() { 
alert("ready"); 
$('#salary, #transcribing-hours, #cost-of-assistant').keydown(function(e){ 
    var key = e.which; 
    if (key != 8 && key != 9 && key != 37 && key != 38 && key != 39 && key != 40 && key != 46 && key != 110 && key != 190 && key != 13){ 
     if (key < 48){ 
      e.preventDefault(); 
     } 
     else if (key > 57 && key < 96){ 
      e.preventDefault(); 
     } 

     else if (key > 105) { 
      e.preventDefault(); 
     } 
    } 
}); 
}); 

$('#salary').on('input', function() { 
    var salary = $('#salary').val(); 
    var costofassist = $('#cost-of-assistant').val(); 
    var total = salary/(52 * 40); 
    var roundtotal = Math.round(total * 100)/100; 

    $('#hourly-pay-total').text(roundtotal); 

}); 

$('#transcribing-hours').on('input', function() { 
    var hoursday = $('#transcribing-hours').val(); 
    var hoursweek = hoursday * 5; 
    var hoursmonth = hoursweek * 4.3; 
    var hoursyear = hoursweek * 52; 

    $('#transcribing-year').text(Math.round(hoursyear * 100)/100); 
    $('#transcribing-month').text(Math.round(hoursmonth * 100)/100); 
    $('#transcribing-week').text(Math.round(hoursweek * 100)/100); 

    var roundtotal = $('#hourly-pay-total').text(); 
    var costwithoutyear = (hoursweek * roundtotal) * 52; 
    var costwithoutmonth = (hoursweek * roundtotal) * 4.3; 
    var costwithoutweek = hoursweek * roundtotal; 

    $('#cost-without-year').text(Math.round(costwithoutyear * 100)/100); 
    $('#cost-without-month').text(Math.round(costwithoutmonth * 100)/100); 
    $('#cost-without-week').text(Math.round(costwithoutweek * 100)/100); 

}); 

$('#cost-of-assistant').on('input', function() { 
    var costofassist = $('#cost-of-assistant').val(); 
    var costwithoutyear = $('#cost-without-year').text(); 
    var annualsavings = costwithoutyear - costofassist; 
    var monthlysavings = annualsavings/12; 
    var weeklysavings = annualsavings/52; 
    var dailysavings = annualsavings/260; 

    $('#annual-savings').text((Math.round(annualsavings * 100)/100); 
    $('#monthly-savings').text(Math.round(monthlysavings * 100)/100); 
    $('#weekly-savings').text(Math.round(weeklysavings * 100)/100); 
    $('#daily-savings').text(Math.round(dailysavings * 100)/100); 
});

来源

2013-09-21 Jack Sniper

仅供参考：追踪javascript中任何问题的最佳方法是在谷歌chtome中打开页面，并按下'F12'作为开发模式。它会告诉你这个问题。 –

在你的jQuery的代码行59是一个左括号太多。

$('#annual-savings').text((Math.round(annualsavings * 100)/100);

应该是：

$('#annual-savings').text(Math.round(annualsavings * 100)/100);

提示：如果您使用如Firefox或Safari，你有一个JavaScript控制台，它可以检测到这种语法错误。

来源

2013-09-21 15:47:40 jotaen

我使用的萤火虫插件，我很满意它。在控制台选项卡，它会显示你发现的语法错误，如发现一个好。我使用mozilla，但我非常确定Chrome也支持它。你应该试试看。

来源

2015-06-24 18:32:27

基本的jQuery计算器

回答

相关问题