声明一个变量以便稍后在代码中使用？

Question

我试图理解如何声明一个我以后可以在我的jquery代码中使用的变量.下面我试图使用var id但似乎在我尝试使用它时忘记了alert(id).我怎样才能做到这一点？非常感谢.

$(document).ready(function() {

$('.credit_btn').on('click', function() {

   //Declare variables

    var id = ($(this).prop("value"));
    var test_id = $(this).parent().parent().attr("id");

    //Load modal
    $('.modal-container').load('modalbox.php?id=' + id, '&position_id=' + test_id,
      function() {
        $('#myModal').modal({
          show: true
        });
      }
    );
  });

  $(document).on("click", ".myBtn", function() {

    alert(id); //Var id is lost.

  });
}); //close doc

Answer 1

var id公开宣布,而不是在里面,$('.credit_btn').on('click', function() {你就完成了.

您当前的代码:

$(document).ready(function() {
    $('.credit_btn').on('click', function() {

       //Declare variables

        var id = ($(this).prop("value"));
        var test_id = $(this).parent().parent().attr("id");

        //Load modal
        $('.modal-container').load('modalbox.php?id=' + id, '&position_id=' + test_id,
          function() {
            $('#myModal').modal({
              show: true
            });
          }
        );
      });

      $(document).on("click", ".myBtn", function() {

        alert(id); //Var id is lost.

      });
    }); 

改成:

$(document).ready(function() {
var id;
$('.credit_btn').on('click', function() {

   //Declare variables

    id = ($(this).prop("value"));
    var test_id = $(this).parent().parent().attr("id");

    //Load modal
    $('.modal-container').load('modalbox.php?id=' + id, '&position_id=' + test_id,
      function() {
        $('#myModal').modal({
          show: true
        });
      }
    );
  });

  $(document).on("click", ".myBtn", function() {

    alert(id); //Var id is lost.

  });
});