Question

我正在做一个管理面板，在所有删除操作中，我会显示一个模态，询问用户是否确定要删除。我所有的删除操作都是使用jQuery Ajax。

如果用户点击＆＃34;是＆＃34;如果用户点击＆＃34; no＆＃34;我执行删除操作我将关闭我的模态。

我遇到的问题是，在此管理面板中我可以删除新闻，用户，类别和图片。

但我只想使用一个div对话框，就像我在下面一样：

<div class="delete_dialog">
    <div class="confirm">
        <p>Are you sure you want to delete this news?</p>
        <a href="#" id="delete">Yes</a>
        <a href="#" id="no">No</a>
    </div>
</div>

但如果我总是使用这个div，我总是收到这条消息＆＃34;你确定要删除这条消息吗？＆＃34;。

即使我点击删除用户或类别，如果用户想要删除＆＃34;此新闻＆＃34;。

您知道我如何只保留一个div，但根据用户是删除图片，新闻，用户还是类别，会显示不同的消息？

//这是我的代码jQuery，如果是新闻删除

$('.content').on('click','.j_newsdel',function(){
    var newsid = $(this).attr('id');
    $('.content .news li[id="'+ newsid +'"]').css('background','red');
    $('.delete_dialog').fadeIn("slow",function(){
        $('.confirm').fadeIn("slow");
    });
    $("a#no").click(function(event){
        event.preventDefault();
        $('.confirm').fadeOut("slow",function(){
            $('.delete_dialog').fadeOut("slow"); 
        });
        $('.content .not li[id="'+ newsid +'"]').css('background','white');
    });
    $("a#delete").click(function(event){
        event.preventDefault();
        $.post(url,{action:'news_del',id: newsid},function(){
            window.setTimeout(function(){
                $('.content .news li[id="'+ newsid +'"]').fadeOut("slow");
        },500);
        $('.confirm').fadeOut("fast",function(){
            $('.delete_dialog').fadeOut("fast"); 
        });
    });
});
return false;
})

Answer 1

您可以尝试使用数据属性来存储删除时显示的文本，当用户点击某个元素将其删除时，您可以使用 .text（）替换对话框中的文本消息和数据属性值。

根据用户是否要删除图像，用户，类别或新闻来显示不同的消息

1 个答案: