{"id":178,"date":"2021-12-06T18:50:20","date_gmt":"2021-12-06T09:50:20","guid":{"rendered":"https:\/\/javascript.auctionpro.co.kr\/?page_id=178"},"modified":"2021-12-07T09:38:37","modified_gmt":"2021-12-07T00:38:37","slug":"list-to-a-different-modal","status":"publish","type":"page","link":"https:\/\/javascript.auctionpro.co.kr\/?page_id=178","title":{"rendered":"list for a different modal"},"content":{"rendered":"\n

Remark : \uac01 \ub9ac\uc2a4\ud2b8\uc5d0 \ub0b4\uc6a9\uc774 \ub2e4\ub978 \ubaa8\ub2ec \uc0dd\uc131<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n  \n<head>\n  <meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge;\" \/>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.4.1\/css\/bootstrap.min.css\"\n            integrity=\"sha384-Vkoo8x4CGsO3+Hhxv8T\/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh\"\n        crossorigin=\"anonymous\">\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.slim.min.js\" integrity=\"sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n\"\n        crossorigin=\"anonymous\">\n    <\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/popper.js@1.16.0\/dist\/umd\/popper.min.js\" integrity=\"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo\"\n        crossorigin=\"anonymous\">\n    <\/script>\n    <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.4.1\/js\/bootstrap.min.js\" integrity=\"sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6\"\n        crossorigin=\"anonymous\">\n    <\/script>\n<\/head>\n  \n<body>\n  \n    <!-- Button trigger modal -->\n    <ul>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal1\" \n            data-whatever=\"item 1\">\n            <a href=\"#\">Item 1<\/a>\n        <\/li>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal2\" \n            data-whatever=\"item 2\">\n            <a href=\"#\">Item 2<\/a>\n        <\/li>\n        <li data-toggle=\"modal\" \n            data-target=\"#exampleModal3\" \n            data-whatever=\"item 3\">\n            <a href=\"#\">Item 3<\/a>\n        <\/li>\n    <\/ul>\n    <!-- Modal -->\n    <div class=\"modal fade\" id=\"exampleModal1\" \n        tabindex=\"-1\" role=\"dialog\" \n        aria-labelledby=\"exampleModalLabel\"\n        aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" \n                        id=\"exampleModalLabel\">\n                        Modal title\n                    <\/h5>\n                    <button type=\"button\" class=\"close\" \n                        data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Python is a high-level, general-purpose \n                        and a very popular programming language..\n                    <\/p>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" class=\n                        \"btn btn-secondary\" data-dismiss=\"modal\">\n                        Close\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n  \n    <div class=\"modal fade\" id=\"exampleModal2\" \n        tabindex=\"-1\" role=\"dialog\" \n        aria-labelledby=\"exampleModalLabel\"\n        aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" \n                        id=\"exampleModalLabel\">\n                        Modal title<\/h5>\n                    <button type=\"button\" class=\"close\" \n                        data-dismiss=\"modal\" aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        This specially designed Python \n                        tutorial will help you learn \n                        Python Programming Language.\n                    <\/p>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" \n                        class=\"btn btn-secondary\" \n                        data-dismiss=\"modal\">\n                        Close\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n  \n    <div class=\"modal fade\" id=\"exampleModal3\" \n        tabindex=\"-1\" role=\"dialog\" \n        aria-labelledby=\"exampleModalLabel\"\n        aria-hidden=\"true\">\n        <div class=\"modal-dialog\" role=\"document\">\n            <div class=\"modal-content\">\n                <div class=\"modal-header\">\n                    <h5 class=\"modal-title\" \n                        id=\"exampleModalLabel\">\n                        Modal title\n                    <\/h5>\n                    <button type=\"button\" class=\"close\" \n                        data-dismiss=\"modal\" \n                        aria-label=\"Close\">\n                        <span aria-hidden=\"true\">\u00d7<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"modal-body\">\n                    <p>\n                        Learning applications, along with \n                        all cutting edge technology in \n                        Software Industry.\n                    <\/p>\n                <\/div>\n                <div class=\"modal-footer\">\n                    <button type=\"button\" \n                        class=\"btn btn-secondary\" \n                        data-dismiss=\"modal\">\n                        Close\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n  \n<\/html><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\ucc38\uc870 : https:\/\/www.geeksforgeeks.org\/how-to-open-a-different-modal-that-is-inside-of-a-list\/<\/p>\n","protected":false},"excerpt":{"rendered":"
Remark : \uac01 \ub9ac\uc2a4\ud2b8\uc5d0 \ub0b4\uc6a9\uc774 \ub2e4\ub978 \ubaa8\ub2ec \uc0dd\uc131 \ucc38\uc870 : https:\/\/www.geeksforgeeks.org\/how-to-open-a-different-modal-that-is-inside-of-a-list\/<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=178"}],"version-history":[{"count":3,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/178\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/javascript.auctionpro.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}