Question

我的jQuery代码有问题，如下所示。我在这里描述了我们遇到的问题。

var subnetCalculator = {
    _data: {
        _ipClass: $('#class_select'),
        _givenOctet1: $('#given_octet1_text'),
        _givenOctet2: $('#given_octet2_text'),
        _givenOctet3: $('#given_octet3_text'),
        _givenOctet4: $('#given_octet4_text'),
        _cidr: $('#given_mask_text')
    },
    initProblem: function(){
        var ipclass = this._data._ipClass.val();
        alert(ipclass); //ipclass variable is showing undefined.
    }
}

$("#problem_button").ready(function() { //This is not working on click function    
    console.log(5 + 6);
    subnetCalculator.initProblem();
});

Answer 1

似乎有些问题是这些：

您没有使用doc ready块来确保元素在DOM中。
ready事件不是click事件。

在我看来，解决方案是将代码包装在doc ready块中，而不是ready使用click事件：

jQuery(document).ready(function($) {
  var subnetCalculator = {
    _data: {
      _ipClass: $('#class_select'),
      _givenOctet1: $('#given_octet1_text'),
      _givenOctet2: $('#given_octet2_text'),
      _givenOctet3: $('#given_octet3_text'),
      _givenOctet4: $('#given_octet4_text'),
      _cidr: $('#given_mask_text')
    },
    initProblem: function() {
      var ipclass = this._data._ipClass.val();
      alert(ipclass); //ipclass variable is showing undefined.
    }
  }

  $("#problem_button").click(function() { // <------This should be "click"
    console.log(5 + 6);
    subnetCalculator.initProblem();
  });
});

Answer 2

尝试以下方法。您应该将函数绑定到click事件。

var subnetCalculator = {
  _data: {
    _ipClass: $('#class_select'),
    _givenOctet1: $('#given_octet1_text'),
    _givenOctet2: $('#given_octet2_text'),
    _givenOctet3: $('#given_octet3_text'),
    _givenOctet4: $('#given_octet4_text'),
    _cidr: $('#given_mask_text')
  },
  initProblem: function() {
    var ipclass = this._data._ipClass.val();
    alert(ipclass); * * //ipclass variable is showing undefined.**
  }
}

$(function() {
  $("#problem_button").click(function() {
    console.log(5 + 6);
    subnetCalculator.initProblem();

  });
});

单击时未定义的变量和函数不起作用

2 个答案: