У меня есть набор динамически генерируемых тегов привязки в цикле for следующим образом:
<div id = "solTitle"> <a href = "#" id = "' + tagId + '" onClick = "openSolution();"> ' + solTitle + '</a></div> <br>';
Как только этот код будет выполнен, выход html для одного из файлов будет выглядеть так:
<div id = "solTitle"> <a href = "#" id = "solution0" onClick = "openSolution();">Solution0 </a></div> <br>
<div id = "solTitle"> <a href = "#" id = "solution1" onClick = "openSolution();">Solution1 </a></div> <br>
Теперь я хочу, чтобы разные тексты отображались при нажатии на указанные ссылки. openSolution() выглядит так:
function openSolution() {
alert('here');
$('#solTitle a').click(function(evt) {
evt.preventDefault();
alert('here in');
var divId = 'summary' + $(this).attr('id');
document.getElementById(divId).className = '';
});
}
Когда я выполняю его и нажимаю на любую из ссылок, поток не входит в обработчик jquery click. Я проверил его с помощью вышеупомянутых предупреждений. Он отображает только предупреждение - "здесь", а не предупреждение - "здесь". При повторном нажатии ссылки все работает отлично с правильным значением divId.