JQuery Скрыть или показать элемент после подтверждения удаления ⇐ Jquery

[Anonymous]

У меня есть следующий цикл PHP:

Код: Выделить всё

for ($i=0; $iproducts); $i++) {

$id = $order->products[$i]['id'];
...
...
echo '

[list]
[/list]



[url=#]
ADD NEW[/url]

...Please confirm the removal of this location.
';
...
...

}

И у меня есть следующий код jQuery для удаления элемента с помощью кнопки подтверждения удаления.

Код: Выделить всё

var piDelConfirmId_' . $orders_products_id . ' = 0;

jQuery(document).ready(function () {$("#piDelConfirm_' . $id . '").dialog({
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_' . $id . ').effect("blind").remove();
$(this).dialog("close");
},
"CANCEL": function() {
$(this).dialog("close");
}
}
});
});
function showPiDelConfirm(piId) {
piDelConfirmId_' . $id . ' = piId;

$(\'#piDelConfirm_' . $id . '\').dialog(\'open\');
}

Это отлично работает.
Теперь я хочу скрыть один элемент и вместо него показать другой элемент, когда удаление будет подтверждено. Поэтому я добавляю следующие две строки

Код: Выделить всё

$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . $id . '").css({"visibility": "visible", "display": "block"});

внутри

Код: Выделить всё

"DELETE": function() {
....
}

Это как-то не работает:

Код: Выделить всё

  buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_' . $id . ').effect("blind").remove();
$(this).dialog("close");

$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . $id . '").css({"visibility": "visible", "display": "block"});

},

Буду очень признателен за любую помощь.
Заранее благодарю.
После нажатия кнопки ПОДТВЕРДИТЬ кнопку «Удалить», диалоговое окно закроется. Однако следующие две строки не выполняются

Код: Выделить всё

$("#receive_inventory_button_' . $id . '").css({"visibility": "hidden", "display": "none"});
$("#add_new_location_' . $id .  '").css({"visibility": "visible", "display": "block"});

Вот настоящий HTML:

Код: Выделить всё

#piList_1745 { list-style-type: none; margin: 0; padding: 0; }
#piList_1745 li { margin: 5px 0; padding: 2px; }


var piSize_1745 = 3;

function addNewPiForm_1745() {
$('#piList_1745').append('[*][url=#][/url]Model:10X20-TUnits:');
piSize_1745++;
}

var piDelConfirmId_1745 = 0;
jQuery(document).ready(function () {$("#piDelConfirm_1745").dialog({
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_1745).effect("blind").remove();
$(this).dialog("close");
},
"CANCEL": function() {
$(this).dialog("close");
}
}
});
});
function showPiDelConfirm(piId) {
piDelConfirmId_1745 = piId;
$('#piDelConfirm_1745').dialog('open');
}





[list] [/list]

RECEIVE INVENTORY$("#tdb6").button({icons:{primary:"ui-icon-disk"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");

[url=#]Receive Returns[/url]

Please confirm the removal of this location.




#piList_1746 { list-style-type: none; margin: 0; padding: 0; }
#piList_1746 li { margin: 5px 0; padding: 2px; }


var piSize_1746 = 2;

function addNewPiForm_1746() {
$('#piList_1746').append('[*][url=#][/url]Model:10X20-TUnits:');
piSize_1746++;
}

var piDelConfirmId_1746 = 0;
jQuery(document).ready(function () {$("#piDelConfirm_1746").dialog({
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
buttons: {
"DELETE": function() {
$("#piId"  + piDelConfirmId_1746).effect("blind").remove();
$(this).dialog("close");
},
"CANCEL": function() {
$(this).dialog("close");
}
}
});
});
function showPiDelConfirm(piId) {
piDelConfirmId_1746 = piId;
$('#piDelConfirm_1746').dialog('open');
}





[list] [/list]
RECEIVE INVENTORY$("#tdb7").button({icons:{primary:"ui-icon-disk"}}).addClass("ui-priority-primary").parent().removeClass("tdbLink");


[url=#]Receive Returns[/url]

Please confirm the removal of this location.




#piList_1747 { list-style-type: none; margin: 0; padding: 0; }
#piList_1747 li { margin: 5px 0; padding: 2px; }


var piSize_1747 = 3;

function addNewPiForm_1747() {
$('#piList_1747').append('[*][url=#][/url]Model:10X20-TUnits:');
piSize_1747++;
}

var piDelConfirmId_1747 = 0;
jQuery(document).ready(function () {$("#piDelConfirm_1747").dialog({
autoOpen: false,
resizable: false,
draggable: false,
modal: true,
buttons: {
"DELETE": function() {
$("#piId" + piDelConfirmId_1747).effect("blind").remove();
$(this).dialog("close");
},
"CANCEL": function() {
$(this).dialog("close");
}
}
});
});
function showPiDelConfirm(piId) {
piDelConfirmId_1747 = piId;
$('#piDelConfirm_1747').dialog('open');
}

Итак, это работает следующим образом: при загрузке страницы элемент div, содержащий кнопку «ПОЛУЧИТЬ ИНВЕНТАРЬ» (т. е. get_inventory_button_1745, get_inventory_button_1746 и т. д.), скрывается, а элемент div, содержащий кнопку «Получить возвраты» » (например, add_new_location_1745, add_new_location_1746 и т. д.) видна.
При нажатии на «Получить возвраты» пункт «Получить возвраты» становится скрытым, а некоторые поля ввода вместе с «ПОЛУЧИТЬ возвраты» становятся скрытыми. Кнопка ИНВЕНТАРЬ станет видимой. Таким образом, пользователь может ввести дату и нажать кнопку «ПОЛУЧИТЬ ИНВЕНТАРИЗАЦИЯ», чтобы добавить данные в базу данных. Однако, если пользователь передумает и нажмет значок «ЗАКРЫТЬ ДИАЛОГ», всплывающее диалоговое окно закроется. Что я хочу добавить, так это одновременно закрыть div, содержащий кнопку «ПОЛУЧИТЬ ИНВЕНТАРЬ» (т. е. take_inventory_button_1745, get_inventory_button_1746 и т. д.); и покажите элемент div, содержащий ссылку «Получить возврат» (т. е. add_new_location_1745, add_new_location_1746 и т. д.).
Вот формат значка «ЗАКРЫТЬ ДИАЛОГ» выше:

Код: Выделить всё

[url=#][/url]

Надеюсь, я смог объяснить свою программу. Я удалил ненужные стили и строки HTML, чтобы было легче понять.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/787 ... ing-delete