Dies ist eine Fortsetzung von der vorherigen Stackoverflow jQuery Frage, die ich fragte, aber ich glaube nicht, dass die Zeile, die sagt:
$(".insert").live("click", insertHandler);
funktioniert.
<!DOCTYPE HTML>
<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
function insertHandler(currentRow) {
var newRow = currentRow.clone(true);
newRow.children('td:last').empty().append('<input name="myid" />');
currentRow.after(newRow);
document.myForm.myid.focus();
}
function OnLoad() {
$('input[name="myid"]').live('focusout', function() {
var myValue = $(this).val();
var currentCell = $(this).parents("td");
currentCell.empty().append(myValue);
$(".insert").live("click", insertHandler); // I need help here
});
$('.insert').live('click', function() {
$('.insert').die();
var currentRow = $(this).parents("tr:first");
insertHandler(currentRow);
});
$('.delete').live('click', function() {
if (confirm("Are you sure?")) {
$(this).parents("tr").remove();
}
});
}
google.load("jquery", "1");
google.setOnLoadCallback(OnLoad);
</script>
</head>
<body>
<form name="myForm">
<table border="1">
<tr>
<td class="insert">Add</td>
<td class="delete">Erase</td>
<td>Sample data goes here</td>
</tr>
</table>
<input name="Other">
</form>
</body>
</html>
Ich möchte, dass der Benutzer eine neue Zeile hinzufügen kann, aber nicht immer wieder auf "Hinzufügen" klicken muss.
Mit Ihrer Hilfe habe ich das Ereignis "Hinzufügen" deaktiviert, aber jetzt habe ich Probleme, es wieder zu aktivieren.