jQuery中的未定義全局變量

Question

我是jQuery的新手。 我正在嘗試創建一個全局變量，以便可以在頁面之間傳遞它。 但是，當我“警告”文檔中的變量時，它是未定義的。

這是我創建全局變量（modalHandler.js）的腳本：

var remainingCal;  

$(document).ready(function() {

    $(document).on("click", "#modal-btn", function() {

    $(".nav > li").first().next().remove();
    //get form inputs and calc remaining calories
    var gender = $("#gender").val();
    var age = getAge();
    var height = getHeight();
    var weight = getWeight();
    var goal = $("#loss-goal").val();
    var activity = $("#activity").val();
    remainingCal = calcDailyReq(gender, age, height, weight, activity, goal);


        jQuery('<li/>', {
    id: 'dashboard',
    }).appendTo(".nav").append("<a href='dashboard.html'>Dashboard</a>");

    var url = "dashboard.html"
    window.location.replace(url);

    });

});

function getAge() {
    ageCode = $("#age").val();
    var minAge = 18;
    var age = parseInt(ageCode) + minAge;
    return age;
}

function getHeight() {
    var heightCode = $("#height").val();
    var minHeight = 54;
    var height = parseInt(heightCode) + minHeight;
    return height;
}

function getWeight() {
    var weightCode = $("#weight").val();
    var minWeight = 100;
    var weight = parseInt(weightCode) + minWeight;
    return weight;
}

//Calculates daily calories using BMR, Harris Benedict Equation, and weight loss goal input
function calcDailyReq(gender, age, height, weight, activity, goal) {
    var bmr;
    var dailyReq;
    var poundOfFat = 3500;

    if (gender == "male") {
    bmr = 66 + (6.23 * weight) + (12.7 * height) - (6.8 * age);
    } else {
    bmr = 665 + (4.35 * weight) + (4.7 * height) - (4.7 * age);
    }

    if (activity == "0") {
    dailyReq = bmr * 1.2
    } else if (activity == "1") {
    dailyReq = bmr * 1.375;
    } else if (activity == "2") {
    dailyReq = bmr * 1.55;
    } else if (activity == "3") {
    dailyReq = bmr * 1.725;
    } else {
    dailyReq = bmr * 1.9;
    }

    var weeklyTarget = dailyReq - (poundOfFat * parseFloat(goal))/7;
    return Math.round(weeklyTarget);
}

以下是我嘗試訪問全局剩余的Cal變量的頁面上的html：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Online Calorie Tracker and Analyzer</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/dashboard.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/modalHandler.js"></script>
    <script src="js/dashboard.js"></script>
  </head>
  <body>
    <div class="container">
      <h1>Calorie Tracker and Analyzer</h1>
          <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <ul class="nav">
                    <li><a href="index.html">Home</a></li>
                       <li class="active"><a href="dashboard.html">Dashboard</a></li>
                    </ul>
                </div>
              </div>
            </div>
      <div class="hero-unit">
         <h3 id="track-head">Track What You Eat</h3>
          </div>
      </body>
<html>

dashboard.js僅僅包含：

alert(remainingCal);

在頁面中產生未定義的。 任何幫助表示贊賞！

Answer 1

您remainingCal設置為$(document).ready(函數內分配的點擊處理程序內的值。

當DOM准備就緒時， $(document).ready(函數已運行。但是，您仍然需要單擊#modal-btn來運行將值分配給remainingCal #modal-btn的函數。

歡迎使用異步JavaScript！ :-D

jQuery中的未定義全局變量

問題描述

1 個解決方案

解決方案1
4 2013-09-17 19:51:42

jQuery中的未定義全局變量

問題描述

1 個解決方案

解決方案1 4 2013-09-17 19:51:42

解決方案1
4 2013-09-17 19:51:42