{"id":259753,"date":"2023-01-10T08:19:42","date_gmt":"2023-01-10T00:19:42","guid":{"rendered":"https:\/\/lrxjmw.cn\/?p=259753"},"modified":"2022-12-24T12:20:38","modified_gmt":"2022-12-24T04:20:38","slug":"foundation-prompt-box","status":"publish","type":"post","link":"https:\/\/lrxjmw.cn\/foundation-prompt-box.html","title":{"rendered":"\u4e86\u89e3\u4e0bFoundation \u63d0\u793a\u6846"},"content":{"rendered":"\n\n\n
\u5bfc\u8bfb<\/td>\n\u6211\u4eec\u53ef\u4ee5\u5728\u4efb\u4f55\u5143\u7d20\u4e0a\u6dfb\u52a0 data-tooltip \u5c5e\u6027\u6765\u521b\u5efa\u63d0\u793a\u4fe1\u606f\u3002\u4f7f\u7528 title \u5c5e\u6027\u6765\u8bbe\u7f6e\u63d0\u793a\u4fe1\u606f\u7684\u6587\u672c\u3002<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u63d0\u793a\u6846\u5728\u9f20\u6807\u79fb\u52a8\u5230\u5143\u7d20\u4e0a\u540e\u663e\u793a\uff1a
\n\"\"
\n\u6211\u4eec\u53ef\u4ee5\u5728\u4efb\u4f55\u5143\u7d20\u4e0a\u6dfb\u52a0 data-tooltip \u5c5e\u6027\u6765\u521b\u5efa\u63d0\u793a\u4fe1\u606f\u3002\u4f7f\u7528 title \u5c5e\u6027\u6765\u8bbe\u7f6e\u63d0\u793a\u4fe1\u606f\u7684\u6587\u672c\u3002<\/p>\n

\u6ce8\u610f: \u6ed1\u5757\u9700\u8981\u4f7f\u7528 JavaScript\u3002\u6240\u4ee5\u4f60\u9700\u8981\u521d\u59cb\u5316 Foundation JS:<\/p>\n

\u5b9e\u4f8b<\/p>\n

<<\/span>span<\/span> data-tooltip title=<\/span>\"Hooray!\"<\/span>><\/span>Hover over me!<<\/span>\/span<\/span>>\r\n<!-- Initialize Foundation JS --><\/span>
<<\/span>script<\/span>>\r\n$(document).ready(function() {\r\n$(document).foundation();
})\r\n<<\/span>\/script<\/span>><\/span><\/span><\/span><\/pre>\n
.has-tip \u7c7b\u53ef\u4ee5\u52a0\u7c97\u9f20\u6807\u79fb\u52a8\u7684\u6587\u672c:<\/p>\n
\u5b9e\u4f8b<\/p>\n
\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Hover over me!<<\/span>\/span<\/span>><\/span><\/pre>\n
\u63d0\u793a\u6846\u663e\u793a\u4f4d\u7f6e<\/strong><\/div>\n
\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u63d0\u793a\u6846\u4f1a\u51fa\u73b0\u5728\u5143\u7d20\u7684\u5e95\u90e8\u3002<\/p>\n
\u53ef\u4ee5\u4f7f\u7528 .tip-top, .tip-left, .tip-right or .tip-bottom (\u9ed8\u8ba4) \u6765\u8bbe\u7f6e\u63d0\u793a\u6846\u7684\u4f4d\u7f6e\u3002<\/p>\n
\u6ce8\u610f: \u5728\u5c0f\u5c3a\u5bf8\u7684\u5c4f\u5e55\u4e0a\uff0c\u63d0\u793a\u6846\u7684\u5bbd\u5e26\u662f 100%\u3002<\/p>\n
\u5b9e\u4f8b<\/p>\n
\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip tip-top\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Top<<\/span>\/span<\/span>>\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip tip-bottom\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Bottom<<\/span>\/span<\/span>>\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip tip-left\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Left<<\/span>\/span<\/span>>\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip tip-right\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Right<<\/span>\/span<\/span>><\/span><\/span><\/span><\/span><\/pre>\n
\u5706\u89d2\u63d0\u793a\u6846<\/strong><\/div>\n
.radius \u548c .round \u7c7b\u7528\u4e8e\u8bbe\u7f6e\u5706\u89d2\u63d0\u793a\u6846\uff1a<\/p>\n
\u5b9e\u4f8b<\/p>\n
\r\n<<\/span>span<\/span> data-tooltip class=<\/span>\"has-tip\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Default<<\/span>\/span<\/span>><\/span>
<<\/span>span<\/span> \r\ndata-tooltip class=<\/span>\"has-tip radius\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Radius<<\/span>\/span<\/span>><\/span>
<<\/span>span<\/span> \r\ndata-tooltip class=<\/span>\"has-tip round\"<\/span> title=<\/span>\"Hooray!\"<\/span>><\/span>Round<<\/span>\/span<\/span>><\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u63d0\u793a\u6846\u5728\u9f20\u6807\u79fb\u52a8\u5230\u5143\u7d20\u4e0a\u540e\u663e\u793a\uff1a \u6211\u4eec\u53ef\u4ee5\u5728\u4efb\u4f55\u5143\u7d20\u4e0a\u6dfb\u52a0 data-tooltip \u5c5e\u6027\u6765\u521b\u5efa\u63d0\u793a\u4fe1\u606f\u3002\u4f7f\u7528 […]<\/p>\n","protected":false},"author":321,"featured_media":259767,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[],"class_list":["post-259753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thread"],"acf":[],"_links":{"self":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/259753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/users\/321"}],"replies":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/comments?post=259753"}],"version-history":[{"count":6,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/259753\/revisions"}],"predecessor-version":[{"id":259770,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/259753\/revisions\/259770"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media\/259767"}],"wp:attachment":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media?parent=259753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/categories?post=259753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/tags?post=259753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}