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>");
}
});

使用onclick事件追加新的html

3 个答案: