jQuery引用问题与OnClick中的功能

Question

Here's my code:

jQuery("#"+code+"_2").after("<a href='#' id='"+code+"_3' onclick='addfunction('"+code+"', event); return true;'><img src='special.gif' border='0'></a>");

I'm getting a syntax error on addfunction(. The code is a string and I tried wrapping it in quote, but it doesn't work. Any ideas?

UPDATE --- This works, but doesn't pass the code and event over in the function.

function addfunction() {
alert("THIS WORKS");
}
var myAnchor = $('<a href="#" id="' + code + '_3"><img src="special.gif" border="0"></a>').bind('click', addfunction);
$('#' + code + '_2').after(myAnchor);

Answer 1

您需要转义内部单引号：

jQuery("#"+code+"_2").after("<a href='#' id='"+code+"_3' onclick='addfunction(\'"+code+"\', event); return true;'><img src='special.gif' border='0'></a>");

Answer 2

For the sanity of your mind try to reorganize your code:

var insertLink = function(code) {
   var parent = jQuery('#' + code + '_2');
   var a = $('<a/>', {
       href: '#',
       id: code + '_3'
   }).html('<img src='special.gif' border='0'>').on('click', function() {
      addfunction(code, event);
      return true;
   });
}

I haven't tested the code, but you got the point.

Answer 3

This works! Try to avoid the onclick event, use on() instead.

Create the anchor first, bind the click event to it, then append to DOM.

function addfunction(code, event) {
    alert("THIS WORKS, the code is: " + code);
}
var myAnchor = $('<a href="#" id="' + code + '_3"><img src="special.gif" border="0"></a>').bind('click', function(event) {
    addfunction(code, event);
});
$('#' + code + '_2').after(myAnchor);

Answer 4

您的问题是在这里addfunction('"+code+"', event)您需要对onnClick值中的单引号进行转义

jQuery("#"+code+"_2").after("<a href='#' id='"+code+"_3' onclick='addfunction(\'"+code+"\', event); return true;'><img src='special.gif' border='0'></a>");