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>

显示错误

无法读取未定义的属性“ inv”

如何测试此功能？

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> 

Answer 2

那是因为您没有向函数传递任何东西，所以可以这样测试

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

然后在函数的第一行中添加console.log(params)

Answer 3

您需要阅读一个JavaScript教程，您告诉按钮在不带参数的情况下单击函数myClickEvent（）即可执行该按钮，并且在定义中您期望的是params param，这本身并没有填充，我会告诉您添加参数，但您真正需要做的是不使用html中的onClick属性，而是使用button元素中脚本中的addEventListener。