javascript - 无法通过单击调用函数参数

Question

我试图通过单击一个元素并执行一个使用 jQuery 来完成这项工作的函数来更改 H2 文本。我不知道出了什么问题，但它无法识别我的参数“x”。 你能帮我找出问题所在吗？

function products(productName, productCode, productPrice, productImg) {
    this.productName = productName;
    this.productCode = productCode;
    this.productPrice = productPrice;
    this.productImg = productImg;
}

var product1 = new products("T-SHIRT", "FLF46465-M", "132$", "product1.jpg");  

$(document).ready(function(){  
    function productCode(x){
        $('h2').text(x['productName']); 
    };
});

Live example

Answer 1

您需要在文档就绪处理程序之外的全局范围内定义该函数。

并且，传递不带引号的参数，以便将其视为变量

<a class="clickme" href="#" onclick="productCode(product1)">click me</a>

DEMO