当我向其参数列表提供字符串时，JavaScript事件处理程序功能不起作用

Question

我试图将变量“图像”传递给onclick事件处理函数。 当“ image”变量类似于“ 1111”时，它可以工作，但是当我给它一些字符串值（如“ 11sfrl”）或只是不带数字字符的纯字符串时，则不会调用事件处理函数。 我尝试将其包装在参数列表上的双引号中，但没有帮助。

image="ssss";
element4 = $('<div id="elem'+element.id+'" style="position:absolute;width:38px;height:24px;left:123px;margin:2px;border-width:1px;border-style:solid;border-color:red;" onclick="deletefromcart(this.id,'+image+');"></div>').appendTo(element);

Answer 1

我建议使用jQuery函数，而不要使用一长串HTML：

element4 = $('<div id="elem' + element.id + '" />')
    .css({
        position: 'absolute',
        width: '38px',
        height: '24px',
        left: '123px',
        margin: '2px',
        borderWidth: '1px',
        borderStyle: 'solid',
        borderColor: 'red'
    })
    .click(function(){
        deletefromcart(this.id, image);
    })
    .appendTo(element);

这将比构造字符串更可靠。

Answer 2

这是因为'onclick="deletefromcart(this.id,'+image+');">'变为： onclick="deletefromcart(this.id,IMAGEURL);"> 。 您可能想要：

onclick="deletefromcart(this.id,\''+image+'\');"