Я постарался документировать это, как могу в коде.
Когда я пытаюсь удалить добавленный элемент, получаю странную зацикливание.
Пример:
У меня есть 3 вещи, которые я добавил:
При попытке удалить самый первый
пункт в списке ... я получаю подтверждение
Удалить диалог 3 раза
Удаление второго
пункт в списке ... Я получаю подтверждение 2 раза.
И да ... вы уже догадались ... что последний дает мне только один раз.
Заранее спасибо.
В любом случае, вот прокомментированный код jQuery (он большой):
$(document).ready(function() {
//hides the message/error console
$("#console").hide();
//this is the add new button functionality
$("#save").click(function(){
var ul = $("ul.addul");
var addM = $(".mo").val();
var addY = $(".yr").val();
var addC = $(".ct").val();
var addT = $("textarea#addThoughts").val();
//submit the add
$.post("save.php", { month : addM, year : addY, cottage : addC, thoughts : addT },
function(data){
//all good
if(data.success) {
//returns the item's respective id from db
var returnID = data.id;
//resets the form after items inserted into db
document.getElementById('items').reset();
//this puts the added item into the html
$(".added").append(//content in here removed to shorten the example);
//not implemented yet
$(".edit").click(function(){
$(this).parent().siblings("li.addit").hide();
$(this).parent().siblings("li").children("[name=month], [name=year], [name=cottage], [name=thoughts]").show();
$(this).parent().siblings("li").children(".showDataMonth, .showDataYear, .showDataCottage, .showDataThoughts").hide();
$(this).siblings(".del").hide();
$(this).siblings(".cancel, .save").show();
$(this).hide();
});
//this is functioning properly; this cancels an update
$("button.cancel").click(function(){
$(this).parent().siblings("li.addit").show();
$(this).parent().siblings("li").children("[name=month], [name=year], [name=cottage], [name=thoughts]").hide();
$(this).parent().siblings("li").children(".showDataMonth, .showDataYear, .showDataCottage, .showDataThoughts").show();
$(this).siblings(".edit, .del").show();
$(this).siblings(".save").hide();
$(this).hide();
});
//resetting of values to prepare another entry
$(".save, .cancel, .month, .year, .cottage, .thoughts").hide();
$(".showDataThoughts").css({ width : "160px;"});
$(".mo, .yr, .ct").val("0");
//shows successful insert of data into db
$("#console").html(data.message).css({background: "green", color: "white"}).fadeIn().animate({ opacity : "+=0" }, 2000).fadeOut();
//this is the delete function that I am referring to.
//I get the "confirm" dialog just fine.
//say I have 3 entries:
//if I try to delete the first entry...I get the confirm delete dialog 3 times.
//if I try to delete the second entry...I get the confirm delete dialog 2 times.
//and the 3rd entry...I only get it once.
//I'm stuck in a weird kinda loop.
$(".del").click(function(){
var del = this;
var thisVal = $(del).val();
$.post("delete.php", { dirID : thisVal },
function(data){
if(confirm("Are you sure you want to DELETE this entry?") == true) {
if(data.success) {
alert(thisVal);
}
}
return false;
}, "json");
});
} else if(data.error) { //item could not be added
$("#console").html(data.message).css({background: "red", color: "white"}).fadeIn().animate({ opacity : "+=0" }, 2000).fadeOut();
}
}, "json");
return false;
}); //end of add button
//this populates the select boxes
$.getJSON('dates_in_residence.php', function(data){
var htmlMonth = '';
var htmlYear = '';
var htmlCottage = '';
var len = data.length;
for (var i = 0; i < 12; i++) {htmlMonth += '<option class="optionMonth" value="' + data[i].month + '">' + data[i].month + '</option>';
}
$('select#addMonth').append(htmlMonth);
for (var i = 12; i < 34; i++) {htmlYear += '<option class="optionYear" value="' + data[i].year + '">' + data[i].year + '</option>';
}
$('select#addYear').append(htmlYear);
for (var i = 35; i < 42; i++) {htmlCottage += '<option class="optionCottage" value="' + data[i].cottage + '">' + data[i].cottage + '</option>';
}
$('select#addCottage').append(htmlCottage);
});
//this adds select menu's value to hidden inputs
$("#addMonth").change(function () {
var str = '';
$("#addMonth option:selected").each(function () {
str += $(this).text() + " ";
});
$(".mo").val(str);
}).change();
$("#addYear").change(function () {
var str = "";
$("#addYear option:selected").each(function () {
str += $(this).text() + " ";
});
$(".yr").val(str);
}).change();
$("#addCottage").change(function () {
var str = "";
$("#addCottage option:selected").each(function () {
str += $(this).text() + " ";
});
$(".ct").val(str);
}).change();
});
И файл delete.php:
<?php
if($_POST) {
$data['delID'] = $_POST['dirID'];
$query = "DELETE from //tablename WHERE dirID = '{$data['delID']}' LIMIT 1";
$result = $db->query($query);
if($result) {
$data['success'] = true;
$data['message'] = "This entry was successfully removed.";
}
echo json_encode($data);
}
?>