jquery - 使用 onclick 事件附加新的 html

Question

我有这个按钮：

<button type="button" class="close" data-dismiss="modal" aria-hidden="true" name="kontakt" onClick="$(this).min('kontakt');">_</button>

和这个jQuery：

$.fn.min = function(navn) {
     $('#footerMenu').append('<li><button onClick="$(this).test('+navn+');">'+navn+'</button></li>');
};

$.fn.test = function(navn) {
    alert('something');
};

我只是无法alert('something')显示最后一个可以告诉我我做错了什么吗？

Answer 1

可能是引号。

尝试这个：

 $('#footerMenu').append('<li><button onClick="$(this).test('+"'"+navn+"'"+');">'+navn+'</button></li>');

或其他方式

var clickTxt = '$(this).test("' + navn + '");';
$('#footerMenu').append('<li><button onClick="' + clickTxt + '">'+navn+'</button></li>');

Answer 2

我认为您的附加中有些引号弄乱了。尝试这个

$('#footerMenu').append('<li><button onClick="$(this).test("'+navn+'");">'+navn+'</button></li>');

Answer 3

工作演示--> http://jsfiddle.net/Rqu7H/1/

$.fn.test = function (navn) {
    console.log('something');
}

$.fn.min = function (navn) {
    console.log('min');
    $('#footerMenu').append("<li><button onClick='$(this).test(\"" + navn + "\");'>" + navn + "</button></li>");
}
});