Диалог jQuery не откроется ⇐ Jquery

[Anonymous]

диалог jquery не будет открывать < /h1>

Javascript < /li>
jquery < /li>
WordPress < /li>
php < /li>
< /ul>
Я не могу выяснить, почему диалог не откроется. Он открывался ранее, и после того, как в отладчике показано, что код называется. Результаты этого можно увидеть на выходе консоли из консоли браузера.

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

Group row clicked cstjrnl-forms.js:51:11
group_id: 1 cstjrnl-forms.js:53:11
XHRPOST
https://sloansweb.com/wp-admin/admin-ajax.php
[HTTP/2 200  232ms]

success true
data    { grp_id: "1", grp_name: "Mood", grp_order: "100", … }
grp_id  "1"
grp_name    "Mood"
grp_order   "100"
grp_descr   "Emotional well-being, chronic or long-term conditions"
grp_article ""
grp_type    "Metric"
grp_created "2023-09-04 09:29:49"
grp_modified    "2023-11-29 13:01:36"
isOpen cstjrnl-forms.js:76:14
Object {  }
​
: Object { jquery: "3.7.1", constructor: jQuery(selector, context)
, length: 0, … }
cstjrnl-forms.js:77:14
Dialog Position cstjrnl-forms.js:79:14
Object {  }
​
: Object { jquery: "3.7.1", constructor: jQuery(selector, context), length: 0, … }
< /code>
 js-код для инициализации диалога: < /h2>
// Initialize modal window
jQuery(document).ready(function ($) {
// Set up modal window
jQuery('#cstjrnl-metric-group').dialog({
modal: true,
autoOpen: false,
hide: { effect: "blind", duration: 1000 },
show: { effect: "blind", duration: 1000 },
position: { my: "center", at: "center", of: window },
minWidth: 500,
title: "Edit Metric Group"
});
< /code>
 код для открытия диалога < /h2>
        //  Open modal window when row in list is clicked
$('#group-table tbody tr').on('click', function () {
//  $('#group-table tbody tr.metric-group-row').on('click', function () {
//  Get group_id
console.log('Group row clicked');
var group_id = $(this).data('id');
console.log('group_id: ' + group_id);

//  Call via Ajax to get field data
$.ajax({
type: 'POST',
url: ajax_object.ajax_url,
data: {
action: 'cstjrnl_get_metric_group',
grp_id: group_id
},
success: function (xhr, status, error) {
if (xhr.success) {
// Process the group data
var data = xhr.data;
jQuery('#cstjrnl-metric-group #grp_name').val(data['grp_name']);
jQuery('#cstjrnl-metric-group #grp_descr').val(data['grp_descr']);
jQuery('#cstjrnl-metric-group #grp_order').val(data['grp_order']);
jQuery('#cstjrnl-metric-group #grp_type').val(data['grp_type']);
jQuery('#cstjrnl-metric-group').dialog("open");
var isOpen = jQuery('#cstjrnl-metric-group').dialog("isOpen");
if (!isOpen) {
console.log("Dialog did not open");
}
console.log("isOpen");
console.log(isOpen);
var position = $("#cstjrnl-metric-group").dialog("option", "position");
console.log("Dialog Position ");
console.log(position);
} else {
// Handle the error
jQuery('#cstjrnl-metric-group').dialog("close");
}
},
error: function (xhr, status, error) {
console.log("======= Start of error response ============");
console.log('Ajax Error');
console.log("======= responseText ============");
console.log(xhr.responseText);
console.log("======= xhr ============");
console.log(xhr);
console.log("======= status ============");
console.log(status);
console.log("======= error ============");
console.log(error);
console.log("======= End of error response ============");
console.log("===================");
}
});
});

html-код для div с содержимым диалога
, сгенерированный в скрипте PHP
$html .= `





Save
Cancel

Group Name:


Sort Order:


Description:


Group Type:

Metric
Event


Save
Cancel



`;
// error_log("\$html: " . print_r($html,true));
return $html;
< /code>

использовал отладчик в Firefox, чтобы проверить, какой код выполняется, и инспектор для проверки сгенерированной HTML -страницы. < /li>
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -wont-open