0

私はjqueryが初めてで、特定のアイテムを削除するための確認ダイアログボックスを設定するのに本当に苦労しています。ポップアップを表示することはできますが、ポップアップで [削除] をクリックすると、新しいページがリダイレクトまたはロードされず、同じページにとどまります。Jquery モバイル 1.3.2 バージョンを使用しています。

これを解決するための支援は非常に役立ちます。以下は私が使用しているサンプルコードです。

<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 -->

4

1 に答える 1

0

まず、このコードを呼び出してポップアップを閉じます

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

次に、このコードを使用してページを変更します

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

最後に jquery remove() 関数 を使用してアイテムを削除します

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

空のページをリダイレクトする場合は、jquery mobile Dialogを使用することを意味します

幸せなコーディング......

于 2014-04-09T14:46:14.890 に答える