當我向其參數列表提供字符串時，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+'\');"