如何將值從文本框傳遞到jQuery函數？

Question

我試圖弄清楚如何設置var號，然后在其他函數Custom.init（number）;中使用它。 並使它留在頁面上。

//Set number onclick
function setVar() {
    var number = document.getElementById("textbox").value;


    //Pass in number
    jQuery(document).ready(function() {
        Custom.init(number);
    });
};

Answer 1

如果你正在使用jQuery，ready函數應該包裝所有其他函數，因為它將首先被調用。

$(document).ready(function(){
   var number = document.getElementById("textbox").value;

   //Then do your validation here
   var setVar = function(){
      Custom.init(number);
      //whatever else is involved with this
    }

})

如果那不起作用，我將檢查控制台是否存在特定錯誤，並確保您的Custom.init函數按預期工作。

Answer 2

將就緒的處理程序隱藏在函數內沒有任何意義。 代碼中的注釋也表明您希望調用Custom.init以響應鼠標單擊某個元素。 為此，您將注冊一個事件處理程序。

建議精簡：

//Set number onclick
$(document).ready(function() {
    $(<selector for clickable elements>).on (
          "click"
        , function (eve) {
              Custom.init(parseInt($("#textbox").val()));
              1;
          }
    );
});