Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有按钮的多个弹出窗口_Javascript - Fatal编程技术网

Javascript 带有按钮的多个弹出窗口

Javascript 带有按钮的多个弹出窗口,javascript,Javascript,我想做多个弹出窗口,当每个按钮点击时分别显示 这是我到目前为止所做的 你好 嗨 接近 历史 嗨 接近 技巧 嗨 接近 使用jQuery将事件处理程序分配给按钮时,不需要循环。给它一个类,让按钮找出它在哪里 给按钮一个数据属性,告诉它打开什么 $(函数(){ $(“.popup_btn”)。在(“单击”,函数(){ $(“#”+$(this.data(“div”)).toggle(); }); $(.popup_close”)。在(“单击”,函数()上{ $(this).closest(

我想做多个弹出窗口,当每个按钮点击时分别显示

这是我到目前为止所做的


你好
嗨

接近 历史 嗨

接近 技巧 嗨

接近
  • 使用jQuery将事件处理程序分配给按钮时,不需要循环。给它一个类,让按钮找出它在哪里
  • 给按钮一个数据属性,告诉它打开什么
  • $(函数(){
    $(“.popup_btn”)。在(“单击”,函数(){
    $(“#”+$(this.data(“div”)).toggle();
    });
    $(.popup_close”)。在(“单击”,函数()上{
    $(this).closest(“div.popup_wrap”).hide();
    });
    });
    
    .popup\u wrap{
    显示:无
    }
    
    你好
    嗨

    关闭 历史 嗨

    关闭 技巧 嗨

    关闭
  • 使用jQuery将事件处理程序分配给按钮时,不需要循环。给它一个类,让按钮找出它在哪里
  • 给按钮一个数据属性,告诉它打开什么
  • $(函数(){
    $(“.popup_btn”)。在(“单击”,函数(){
    $(“#”+$(this.data(“div”)).toggle();
    });
    $(.popup_close”)。在(“单击”,函数()上{
    $(this).closest(“div.popup_wrap”).hide();
    });
    });
    
    .popup\u wrap{
    显示:无
    }
    
    你好
    嗨

    关闭 历史 嗨

    关闭 技巧 嗨

    关闭
    欢迎来到SO。请张贴代码而不是代码的图片!请访问以了解原因。还有你的问题是什么?如果有多个弹出窗口执行相同的操作,则需要使用CLASS而不是ID。ID必须是唯一的欢迎使用SO。请张贴代码而不是代码的图片!请访问以了解原因。还有你的问题是什么?如果有多个弹出窗口执行相同的操作,则需要使用CLASS而不是ID。ID必须是唯一的哦…谢谢,但弹出框没有关闭;;;;;;;;;;;实际上,我发布了javascript和css,但是有一个错误,所以我可以添加屏幕截图;;;我发布的代码在单击关闭时关闭divs…谢谢,但弹出框没有关闭;;;;;;;;;;;实际上,我发布了javascript和css,但是有一个错误,所以我可以添加屏幕截图;;;我发布的代码在单击close时关闭divs