将两个参数传递给函数

Passing two parameters to a function

本文关键字：参数传递 函数 两个      更新时间：2023-09-26

我尝试发送一个javascript函数2参数，如下所示：

var par1;
var par2;
$('#somediv').append('<div onclick="somefunction('+par1+','+par2+');"></div>');
我

正在动态创建很多像这样的div，我只需要找到正确的方法将 par1 和 par2 传递给稍后的操作它们。

现在只有 par1 是可以的，par2 是未定义的（它们都有字符串值）。

有什么建议吗？

这是因为 par1 和 par2 在您的代码中未定义。

使用某个默认值初始化var1和var2。

做这样花哨的事情的正确方法是在jQuery中使用.live、.delegate或.on。

var par1; // assuming these get values at some point
var par2; // assuming these get values at some point
$('#somediv').append('<div class='fancyDiv'></div>');
$('#somediv').on("click", ".fancyDiv", function() {
   someFunction(par1, par2);
}))
// use delegate instead of on if you're in jQuery 1.6 or lower
$('#somediv').delegate(".fancyDiv", "click", function() {
   someFunction(par1, par2);
}))

使用 jQuery onclick

例如 
var par1 = 'par1';
var par2 = 'par2';
$('<div>Click</div>').appendTo('#somediv').click(function(){
    somefunction(par1, par2)
})
function somefunction(v1, v2){
    alert(v1+" "+v2);
} 
​

查看它的实际效果 http://jsfiddle.net/anuraguniyal/gjz72

但这取决于您从哪里获得 par1 和 par2，如果它们与div 相关并且您需要为每个div 使用不同的一个，您应该将它们作为数据属性添加到 html 中，例如

$('<div data-par1="par1" data-par2="par2" >Click</div>').appendTo('#somediv').click(somefunction)
function somefunction(){
    alert($(this).attr('data-par1')+" "+$(this).attr('data-par2'));
} 
​

查看它的实际效果 http://jsfiddle.net/anuraguniyal/gjz72/14/

perimeterBox在这里是函数

var perimeterBox = function(length,width)
{
    return length+length+width+width;
};
perimeterBox(5,5);
相关文章：