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

ワーキングデモ--> 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>");
}
});

Answer 3

あなたの追加でいくつかの引用が台無しになったと思います。これを試して

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