我有一組動態生成的錨標記的for循環如下:使用jQuery單擊處理錨的onClick()
<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的值正確。
,因爲#soltitle正在重複將無效 – 2012-01-18 10:07:02
@ToniMichelCaubet - 我在最後一段提到過。我想這可能會更清楚一點,謝謝。 – 2012-01-18 10:10:11