変数はjquery関数内で未定義を返します

Question

$(document).ready(function() { 
    var modelNumber = false; 
    var Description = false; 

    $('#step-two-btn').click(function(e) { 
    e.preventDefault(); 

    modelNumber = $("#model-number-field").val(); 
    Description = $("#description-field").val(); 

    alert(modelNumber); //undefined 
    alert(Description); //undefined 
    }); 

}); 

次の変数が定義されていない理由を教えてください。私はグローバル変数を定義しましたが、jqueryはそれらを認識していないようです。

Answer 1

これはあなたのHTMLのような代わりに変数を警告する

$(document).ready(function() { 
 

 
    var modelNumber = false; 
 
    var Description = false; 
 

 

 
    $('#step-two-btn').click(function(e) { 
 
    e.preventDefault(); 
 
    modelNumber = $("#model-number-field").val(); 
 
    Description = $("#description-field").val(); 
 
    alert(modelNumber); //undefined 
 
    alert(Description); //undefined 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="model-number-field"> 
 
<input type="text" id="description-field"> 
 
<button id="step-two-btn">click</button>

Answer 2

を設定するときに、してみてください期待通りに動作しているようだ：

alert($("#model-number-field").length); 
alert($("#description-field").length); 

リターン0の両方の場合IDであなたの要素を見つけることができません。 HTMLマークアップを再確認してください。注：これを恒久的な解決策とは言わず、検証を行うための簡単なテストです。