无法通过点击调用函数参数

时间:2015-11-19 11:22:39

标签: javascript jquery

我正在尝试更改H2文本,方法是单击一个元素并执行一个将使用jQuery来完成工作的函数。我不知道出了什么问题,但它没有识别我的参数'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

1 个答案:

答案 0 :(得分:2)

您需要在面向文档的处理程序之外的全局范围中定义函数。

并且,不带引号的Pass参数,以便将其视为变量

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

DEMO