{"id":8420,"date":"2023-02-14T14:14:14","date_gmt":"2023-02-14T06:14:14","guid":{"rendered":"https:\/\/blog.hoyo.idv.tw\/?p=8420"},"modified":"2023-02-14T14:14:14","modified_gmt":"2023-02-14T06:14:14","slug":"jquery-%e5%85%b7%e6%9c%89%e9%81%ae%e7%bd%a9%e7%9a%84%e5%8a%a0%e8%bc%89%e5%8b%95%e7%95%ab","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=8420","title":{"rendered":"jQuery - \u5177\u6709\u906e\u7f69\u7684\u52a0\u8f09\u52d5\u756b"},"content":{"rendered":"<p>--<\/p>\n<h2>jQuery LoadingOverlay<\/h2>\n<ul>\n<li><a href=\"https:\/\/gasparesganga.com\/labs\/jquery-loading-overlay\/\" target=\"_blank\" rel=\"noopener\">jQuery LoadingOverlay<\/a><\/li>\n<\/ul>\n<p>\u8f09\u5165<\/p>\n<pre class=\"lang:default decode:true\">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-loading-overlay\/2.1.7\/loadingoverlay.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>\u4f7f\u7528<\/p>\n<pre class=\"lang:js decode:true\">$.LoadingOverlay(\"show\", {\r\n    background: \"rgba(100,100,100,0.1)\",\r\n    size: \"8\",\r\n});<\/pre>\n<p>\u7d50\u675f<\/p>\n<pre class=\"lang:js decode:true\">$.LoadingOverlay(\"hide\");<\/pre>\n<p>--<\/p>\n<h2>jQuery showLoading.js<\/h2>\n<ul>\n<li><a title=\"Read 'Cross-browser Loading Indicator Plugin - jQuery showLoading.js'\" href=\"https:\/\/www.jqueryscript.net\/loading\/Loading-Indicator-Plugin-jQuery-showLoading.html\" target=\"_blank\" rel=\"bookmark noopener\">Cross-browser Loading Indicator Plugin - jQuery showLoading.js<\/a><\/li>\n<li><a href=\"https:\/\/www.jianshu.com\/p\/8beadbf7f5d0\" target=\"_blank\" rel=\"noopener\">JQuery showLoading\u63d2\u4ef6\u7b80\u660e\u6559\u7a0b<\/a><\/li>\n<\/ul>\n<pre class=\"lang:default decode:true\">&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery.showloading@1.0.0\/css\/showLoading.css\"&gt;\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery.showloading@1.0.0\/js\/jquery.showLoading.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>\u4f7f\u7528<\/p>\n<pre class=\"lang:js decode:true \">$('.container-fluid').showLoading();<\/pre>\n<p>\u7d50\u675f<\/p>\n<pre class=\"lang:default decode:true\">$('.container-fluid').hideLoading();<\/pre>\n<p>--<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"8420\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,107&nbsp;total views, &nbsp;3&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>-- jQuery Loadi...<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"8420\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;1,107&nbsp;total views, &nbsp;3&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/8420"}],"collection":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8420"}],"version-history":[{"count":4,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/8420\/revisions"}],"predecessor-version":[{"id":11569,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=\/wp\/v2\/posts\/8420\/revisions\/11569"}],"wp:attachment":[{"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hoyo.idv.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}