2014-01-25 3 views
0

Я новичок в jquery и действительно борюсь за создание диалогового окна подтверждения для удаления определенных элементов. Я могу просмотреть всплывающее окно, но когда я нажимаю DELETE во всплывающем окне, он не перенаправляет или не загружает новую страницу, а остается на одной странице. Я использую версию JQuery mobile 1.3.2.JQuery Mobile Удалить подтверждение Dialog

Любая помощь для решения этой проблемы была бы очень полезной. Ниже приведен пример кода, который я использую.

<body> 

<div data-role="page" class="type-interior"> 

<?php include "files/header2.php";?>  

<div data-role="content" data-theme="d" > 
    <div class="content-primary"> 


     <h2><img src="images/insert_table.gif" alt="">Confirmation </h2> 

      <a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-transition="pop" data-icon="delete" data-theme="b" data-mini="true">Delete</a> 
      <div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="d" data-dismissible="false" style="max-width:400px;" class="ui-corner-all"> 
       <div data-role="header" data-theme="a" class="ui-corner-top"> 
        <h1>Delete Item ?</h1> 
       </div> 
       <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content"> 
        <h3 class="ui-title">Are you sure you want to delete this Item ?</h3> 
        <p>This action cannot be undone.</p> 
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a> 
        <a href="del_confirm.php" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" rel="external">Delete</a> 
       </div> 
      </div> 

</div><!--/content-primary -->  

+0

всплывающего окна ДИВ должен быть _child__page_ div. – Omar

ответ

0

Прежде всего вы закроете всплывающее окно вызова этого кода

$("#popupDialog").popup("close"); 

затем изменить страницу, используя этот код

$.mobile.changePage('#id', { transition: "slide"}); //id means your redirection page id 

окончательно удалить элементы с помощью Jquery удалить() функции

$("#id").remove(); 

если вы перенаправлять пустую страницу означает использование Jquery мобильного Dialog

счастливым кодирование ......

Смежные вопросы