Question

我试图在点击javascript函数中传递两个参数。我需要将参数括在引号中。当我用单引号将它括起来时，它会打破从图像开始的引用，当我使用double时，它会破坏javascript前面的引号。我如何附上它不会破坏我的代码？

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction('addnew',$("#field").val())"/> Error.')

Answer 1

您必须使用反斜杠转义引号，如下：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')

Answer 2

试试这个，你需要用\来逃避撇号：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png" onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')

Answer 3

你可以这样做：

$("#Div").append( $( "<img>", {

    id: "myImage",

    src: "/images/myimage.png",

    click: function() {
        myfunction( 'addnew', $("#field").val() );
    }

}), " Error." );

Answer 4

绕过\'addnew\'附近的单引号：

$("#Div").append('<img id ="myImage" src ="/images/myimage.png"  onclick="javascript:myfunction(\'addnew\',$("#field").val())"/> Error.')

引用使用Jquery追加来破坏javascript onclick事件中的代码

4 个答案: