jquery.confirm.js
コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryの美しい削除の確認と更新なしの削除の送信example_jquery

jqueryの美しい削除の確認と更新なしの削除の送信example_jquery

WBOY
リリース： 2016-05-16 17:15:39
オリジナル
972 人が閲覧しました

この例のデータベース構造は非常に単純で、フィールドは 1 つだけです
jqueryの美しい削除の確認と更新なしの削除の送信example_jquery
jquery.confirm.js

コピー コード コードは次のとおりです。

(function($){
$.confirm = function(params){
if($('#confirmOverlay').length ){
// 確認はすでにページに表示されています:
return false;
}
var buttonHTML = ''; obj){
// ボタンのマークアップを生成します:
buttonHTML = '' ;;
if(!obj.action){
obj.action = function(){};
}
var markup = [
'
',
'
',
'

',params.title, ''、
'

'、params.message、'

'、
'
'、
ボタンHTML ,
'

'
].join('');
$(markup).hide().appendTo('body') .fadeIn() ;
var ボタン = $('#confirmBox .button'),
i = 0;
$.each(params.buttons,function(name,obj){
ボタン.eq(i ).click(function(){
//
// クリックが発生したときに action 属性を呼び出し、確認を非表示にします。
obj.action();
$. verify.hide( );
return false;
});
$.confirm.hide = function(){
$(' ).fadeOut( function(){
$(this).remove();
})
}
})(jQuery);




コードをコピー


コードは次のとおりです:
requir "conn.php"; $sql="select * from `add_delete_record` where id>$rs=mysql_query($sql); 🎜>if ($row = mysql_fetch_array($rs))
{
do {
?>
#" >




}
while ($row = mysql_fetch_array($rs)) ;
}?> ;



JavaScript コード




コードは次のとおりです。

$(document).ready(function(){
$('.item .delete').click(function(){
var elem = $(this).closest ('.item');
var id=$(this).attr('id'); $.confirm({ 'title' : 'このレコードを削除しますか?', 'message' : 'このレコードを削除してもよろしいですか?
削除後はレコードを復元できません。', 'buttons' : { 'Yes' : { 'class' : 'blue ',
'action': function(){$.ajax({
type: 'GET',
url: 'del .php',
data: 'id=' id,
});
elem.slideUp()
}
},
'いいえ' : {
'class' : 'gray',
'action': function (){} // この場合、アクション プロパティを省略することもできます。 );
});
});





コードをコピーします🎜> コードは次のとおりです。


< ?php
require "conn.php"
$id=$_GET['id']; = "id='$id' から add_delete_record を削除します。";
関連ラベル：
削除確認
ソース：php.cn
前の記事：Cookieが存在するかどうかを判断するためのJSのCookieの保存および削除操作_基礎知識 次の記事：js はアップロード ファイルのサイズと形式を決定します code_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
MySQL でグループ化してカウントするにはどうすればよいですか? 友人に送信され、削除されていないメッセージの合計数を抽出するクエリを作成しようとしています。これはテーブル構造のスクリーンショットです。 達成したい出力は次のとおりです。 idme...
から 2024-04-06 18:30:17
0
1
353
React Three Fiber: スクロール イベントが遅れるのはなぜですか? ReactThreeFiber には、カメラのズーム全体にわたって保持したいスプライトを生成する React コンポーネントがあります。アルゴリズムは機能しているようですが (サイ...
から 2024-04-06 13:39:24
0
1
410
Vue3 Webコンポーネントのプロダクションビルドの問題を解決する vue2web コンポーネントを vue3 に移行しようとしていますが、運用用のビルドを作成するときに問題が発生します。 --targetwc を指定して vue-cli を使用し...
から 2024-04-06 12:43:37
0
1
473
Symfony Redis は、env ファイルで定義されたホスト (デフォルトは localhost) に接続できません キャッシュメカニズムとして Redis を使用した新しい Symfony セットアップがあります。デフォルトのローカルホストではなく、特定のホストに接続したいと考えています。運用環...
から 2024-04-06 10:53:02
0
1
375
無限ループを作成せずに useEffect で React コンポーネントの依存関係を更新する方法 保存された値 (メンバー) が更新されるまで待機し、保存された値を設定する前に条件に基づいてメンバーを削除する必要がある React コンポーネントがあります。ただし、これでは明ら...
から 2024-04-05 14:31:46
0
1
1383
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート