Javascript onclick函数错误无法读取未定义的属性 'inv'

Question

我的 JavaScript 函数如下:

function myClickEvent(params) {
    var inv = $("#" + params["inv"]);
    inv.on("click", function () {
        $.ajax({
            url: params["route"],
            contentType: "text/json",
            success: function (result) {
                history.pushState(null, null, params["route"]);
                $("#content-wrapper").html(result);
                inv.parent().siblings().removeClass("active");
                inv.parent().addClass("active");
            }
        });
        return false;
    });
}

我将其调用到我的 html 文件中，如下所示:

<button onclick='myClickEvent()'>Click me</button>

显示错误

Cannot read property 'inv' of undefined

如何测试这个功能？

Answer 1

params 应该是具有 inv 属性的 Javascript 对象，您尚未将其作为函数的参数提供。

function myClickEvent(params) {
    var inv = $("#" + params["inv"]);
    inv.on("click", function () {
       console.log(inv+": clicked");
        //$.ajax({
           // url: params["route"],
            //contentType: "text/json",
            //success: function (result) {
               // history.pushState(null, null, params["route"]);
       //         $("#content-wrapper").html(result);
               // inv.parent().siblings().removeClass("active");
     //           inv.parent().addClass("active");
          //  }
      //  });
      //  return false;
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick='myClickEvent({inv: "test"})'>Click me</button>
<p/>
<button id="test">Test</button>