javascript - 通过单击不能调用功能参数

我试图通过单击一个元素并执行将使用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

最佳答案

您需要在可用于文档的处理程序之外的全局范围内定义函数。

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

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

DEMO

关于javascript - 通过单击不能调用功能参数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33802512/