Я использую простой модальный, чтобы создать всплывающее окно, я пытаюсь добавить кнопку, которая закроет всплывающее окно, но ничего не произошло, когда я нажму.Закрыть popup simple modal
- библиотеку JS модели образца прилагается
ниже JQuery код
jQuery('a.postpopup').click(function(){
id = jQuery(this).attr('rel');
url='http://localhost/website/?page_id=81';
jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load(url+'&id='+id).modal();
return false;
});
//btn to close the popup
jQuery('#btnclose').click(function(){
alert('hello'); // close code should be placed here but alert didn't executed.
});
ниже код в моей странице шаблона (всплывающее окно)
<?php
/*
Template Name: my template
*/
?>
<?php
$post = get_post($_GET['id']);
?>
<?php if ($post) : ?>
<?php setup_postdata($post); ?>
<div class="whatever">
<div id="popheader">
<img id="popimg" src="http://localhost/website/wp-content/uploads/2014/12/logo1.png" width="200" height="auto"/>
<font id="popup-title" class="entry-title" > <?php the_title()?> </font>
<input type="button" id="btnclose" /> //btn to close the pop
</div>
<table class="tblcontent">
<tr>
<td id="popup-content">
<?php the_content(); ?>
</td>
</tr>
</table>
</div>
<?php endif; ?>
Итак, как i закрыть это всплывающее окно
Является ли этот элемент добавляется в DOM после попытки связать это событие щелчка (динамический?)? Если вы ищете сотни тысяч повторяющихся вопросов ... Если нет, укажите соответствующий образец для репликации вашей проблемы. –