У меня есть набор динамически генерируемых тегов привязки в цикле 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. Я проверил это с помощью вышеупомянутых предупреждений. Отображается только предупреждение - «здесь», а не предупреждение - «здесь». При повторном нажатии на ссылку все работает отлично с правильным значением divId.