Permítanme comenzar la pregunta diciendo que tengo un conocimiento de codificación muy limitado, por lo que es posible que no esté usando la terminología técnica adecuada.

Tengo una página web con algunas preguntas y un botón debajo de cada pregunta que, al hacer clic, muestra una explicación de la respuesta en una ventana emergente. La ventana emergente aparece en la misma dirección web y cuando hago clic fuera de ella, desaparece. Aquí está el código de una pregunta típica.

 <div class="question_text" style="display: flex;flex-direction: row; "> <h4 class='question_load';'>1) What is 8 - 5? </h4></div> <p style='font-size:15px;' class='option1 '>a) 1</p> <p style='font-size:15px;' class='option2 '>b) 2</p> <p style='font-size:15px;' class='option3 answer '>c) 3</p> <p style='font-size:15px;' class='option4 '>d) 4</p>

A continuación se muestra el código de un botón típico:

 <p><span class="btn_show explain_btn" get_id="1-1">Show explanation</span>

Según mi comprensión rudimentaria, esto está controlado por algún script. A continuación se muestra lo que creo que es el bit relevante para esta función:

 $(document).on('click', '.explain_btn', function() { var hiyt = $(this).attr('get_id'); get_explain_data(hiyt); }); function get_explain_data(hiyt){ $.get("/get_explain/"+hiyt+"/", function(data, status){ modal.show(); modal.find("h4").html(data); modal.find(".modal-button").click(function(){ modal.hide(); }); }); }

Logré extraer las preguntas y respuestas copiando el código en un editor de texto y guardándolo como un archivo .htm. El botón Mostrar explicación está presente, sin embargo, cuando se hace clic en el botón, no sucede nada. Solo funciona mientras estoy conectado al sitio web. Me gustaría que el texto que aparece en las ventanas emergentes se muestre como texto debajo de cada pregunta. No he encontrado los textos de explicación en ninguna parte del código de esta página, por lo que asumo que se está cargando desde otro lugar.