Question

我正在制作动态列表。这是我的来源

$('#friend_list').prepend('<div class="row friend margin-bottom"><div class="col-sm-2 text-primary"></div><div class="col-sm-3 text-primary">'+pending[index]['friendUname']+'</div><div class="col-sm-3 text-primary"></div><div class="col-sm-2 text-primary"></div><div class="col-sm-2 text-primary"><a onclick="accept_request('+pending[index]['friendUname']+','+getSession('uname')+')" href="#">ACCEPT</a></div></div>');

html中显示的结果是

<div class="row friend margin-bottom">
    <div class="col-sm-2 text-primary"></div>
    <div class="col-sm-3 text-primary">alizia</div>
    <div class="col-sm-3 text-primary"></div>
    <div class="col-sm-2 text-primary"></div>
    <div class="col-sm-2 text-primary">
            <a onclick="accept_request(alizia,saad)" href="#">ACCEPT</a>
    </div>
</div>

我的页面底部有一个功能。

function accept_request(frienduname,uname){
    console.log(frienduname + '.....' + uname);
}

但是当我点击按钮时，它会给我以下错误。

未捕获的ReferenceError：未定义alizia（...）VM11593 friends.html：1

Answer 1

您传递的变量不是alizia和saad的字符串。 Rory McCrossan在他的评论中指出了这一点。

您应该通过在传递给函数的变量周围添加单引号来更改html以在javascript中包含字符串。

 <a onclick="accept_request('alizia','saad')" href="#">ACCEPT</a>

javascript中的函数给出错误

1 个答案: