{"id":9243,"date":"2025-04-27T01:20:33","date_gmt":"2025-04-26T17:20:33","guid":{"rendered":"https:\/\/xinliceyan.org\/?p=9243"},"modified":"2025-05-05T02:18:43","modified_gmt":"2025-05-04T18:18:43","slug":"iief-5","status":"publish","type":"post","link":"https:\/\/xinliceyan.org\/zh\/iief-5","title":{"rendered":"\u56fd\u9645\u52c3\u8d77\u529f\u80fd\u6307\u6807\u91cf\u8868(IIEF-5)\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff085\u9898\uff09"},"content":{"rendered":"<p>\u8bf7\u6839\u636e\u8fc7\u53bb6\u4e2a\u6708\u5185\u7684\u60c5\u51b5\u8bc4\u4f30\uff0c\u9009\u62e9\u76f8\u5173\u9009\u9879\u3002<\/p>\n\n\n\n<!-- \u570b\u969b\u52c3\u8d77\u529f\u80fd\u6307\u6a19\u91cf\u8868(IIEF-5) -->\n<div id=\"iief5-test-container\" class=\"iief5-container\">\n  <!-- \u5f15\u5c0e\u9801 -->\n  <div id=\"iief5-intro-page\" class=\"iief5-page iief5-active\">\n    <div class=\"iief5-content\">\n      <h1 class=\"iief5-title\">\u56fd\u9645\u52c3\u8d77\u529f\u80fd\u6307\u6807\u91cf\u8868(IIEF-5)<\/h1>\n      <p class=\"iief5-desc\">\u8fd9\u662f\u4e00\u4efd\u7528\u4e8e\u8bc4\u4f30\u7537\u6027\u52c3\u8d77\u529f\u80fd\u72b6\u51b5\u7684\u4e13\u4e1a\u91cf\u8868\u3002\u672c\u6d4b\u9a8c\u5171\u67095\u4e2a\u95ee\u9898\uff0c\u8bf7\u4f9d\u636e\u60a8\u8fc7\u53bb\u516d\u4e2a\u6708\u7684\u6027\u751f\u6d3b\u7ecf\u9a8c\uff0c\u9009\u62e9\u6700\u80fd\u4ee3\u8868\u60a8\u60c5\u51b5\u7684\u7b54\u6848\u3002<\/p>\n      <p class=\"iief5-note\">\u672c\u6d4b\u9a8c\u7ed3\u679c\u4ec5\u4f9b\u53c2\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u4e13\u4e1a\u533b\u5e08\u7684\u8bca\u65ad\u3002\u5982\u6709\u5065\u5eb7\u7591\u8651\uff0c\u8bf7\u54a8\u8be2\u4e13\u4e1a\u533b\u7597\u4eba\u5458\u3002<\/p>\n      <button id=\"iief5-start-btn\" class=\"iief5-btn iief5-primary-btn\">\u5f00\u59cb\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u6e2c\u9a57\u9801 -->\n  <div id=\"iief5-test-page\" class=\"iief5-page\">\n    <div class=\"iief5-content\">\n      <div class=\"iief5-progress-container\">\n        <div class=\"iief5-progress-text\">\u95ee\u9898 <span id=\"iief5-current-question\">1<\/span>\/<span id=\"iief5-total-questions\">5<\/span><\/div>\n        <div class=\"iief5-progress-bar\">\n          <div id=\"iief5-progress-fill\"><\/div>\n        <\/div>\n      <\/div>\n\n      <div id=\"iief5-questions-container\"><\/div>\n\n      <div class=\"iief5-navigation\">\n        <button id=\"iief5-prev-btn\" class=\"iief5-btn iief5-secondary-btn\" disabled>\u4e0a\u4e00\u9898<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7d50\u679c\u9801 -->\n  <div id=\"iief5-result-page\" class=\"iief5-page\">\n    <div class=\"iief5-content\">\n      <h2 class=\"iief5-result-title\">\u6d4b\u9a8c\u7ed3\u679c<\/h2>\n      <div class=\"iief5-result-score\">\n        <span>\u60a8\u7684\u603b\u5206\uff1a<\/span>\n        <span id=\"iief5-score\">0<\/span>\n        <span>\/25<\/span>\n      <\/div>\n      \n      <div class=\"iief5-result-chart-container\">\n        <canvas id=\"iief5-result-chart\"><\/canvas>\n      <\/div>\n      \n      <div class=\"iief5-result-interpretation\">\n        <h3>\u8bc4\u4f30\u7ed3\u679c<\/h3>\n        <div id=\"iief5-result-level\" class=\"iief5-result-level\"><\/div>\n        <div id=\"iief5-result-desc\" class=\"iief5-result-desc\"><\/div>\n      <\/div>\n      \n      <button id=\"iief5-restart-btn\" class=\"iief5-btn iief5-primary-btn\">\u91cd\u65b0\u6d4b\u9a8c<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* \u9632\u6b62\u6a23\u5f0f\u885d\u7a81\uff0c\u6240\u6709\u6a23\u5f0f\u90fd\u6709\u524d\u7db4 *\/\n.iief5-container * {\n  box-sizing: border-box;\n  font-family: 'Microsoft JhengHei', '\u5fae\u8edf\u6b63\u9ed1\u9ad4', 'Noto Sans TC', sans-serif;\n}\n\n.iief5-container {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 20px;\n  color: #333;\n  position: relative;\n}\n\n.iief5-page {\n  display: none;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  min-height: 400px;\n}\n\n.iief5-active {\n  display: block;\n  opacity: 1;\n}\n\n.iief5-content {\n  background-color: #fff;\n  border-radius: 12px;\n  padding: 30px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n}\n\n.iief5-title {\n  color: #2c5282;\n  text-align: center;\n  font-size: 28px;\n  margin-bottom: 24px;\n}\n\n.iief5-desc {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 20px;\n}\n\n.iief5-note {\n  font-size: 16px;\n  color: #666;\n  font-style: italic;\n  margin-bottom: 30px;\n}\n\n.iief5-btn {\n  display: inline-block;\n  padding: 12px 24px;\n  border-radius: 8px;\n  font-size: 18px;\n  cursor: pointer;\n  min-height: 44px;\n  min-width: 44px;\n  border: none;\n  transition: all 0.2s ease;\n}\n\n.iief5-primary-btn {\n  background-color: #3182ce;\n  color: white;\n  display: block;\n  margin: 0 auto;\n  width: 200px;\n}\n\n.iief5-primary-btn:hover {\n  background-color: #2b6cb0;\n  transform: translateY(-2px);\n}\n\n.iief5-secondary-btn {\n  background-color: #e2e8f0;\n  color: #4a5568;\n}\n\n.iief5-secondary-btn:hover {\n  background-color: #cbd5e0;\n}\n\n.iief5-secondary-btn:disabled {\n  background-color: #edf2f7;\n  color: #a0aec0;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.iief5-progress-container {\n  margin-bottom: 30px;\n}\n\n.iief5-progress-text {\n  font-size: 16px;\n  color: #4a5568;\n  margin-bottom: 8px;\n  text-align: center;\n}\n\n.iief5-progress-bar {\n  height: 8px;\n  background-color: #e2e8f0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.iief5-progress-fill {\n  height: 100%;\n  background-color: #3182ce;\n  width: 0%;\n  transition: width 0.5s ease;\n}\n\n.iief5-question {\n  margin-bottom: 30px;\n  opacity: 0;\n  transform: translateY(10px);\n  transition: all 0.5s ease;\n}\n\n.iief5-question.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.iief5-question-text {\n  font-size: 20px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  color: #2d3748;\n}\n\n.iief5-options {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.iief5-option {\n  padding: 15px 20px;\n  background-color: #edf2f7;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 17px;\n  transition: all 0.2s ease;\n  position: relative;\n  border: 2px solid transparent;\n}\n\n.iief5-option:hover {\n  background-color: #e2e8f0;\n  transform: translateY(-2px);\n}\n\n.iief5-option.selected {\n  background-color: #ebf4ff;\n  border-color: #3182ce;\n}\n\n.iief5-navigation {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 30px;\n}\n\n.iief5-result-score {\n  font-size: 24px;\n  text-align: center;\n  margin: 20px 0 30px;\n  font-weight: bold;\n  color: #2c5282;\n}\n\n.iief5-result-chart-container {\n  height: 250px;\n  margin-bottom: 30px;\n  position: relative;\n}\n\n.iief5-result-level {\n  font-size: 22px;\n  font-weight: bold;\n  margin-bottom: 15px;\n  text-align: center;\n  color: #2c5282;\n}\n\n.iief5-result-desc {\n  font-size: 17px;\n  line-height: 1.6;\n  margin-bottom: 30px;\n}\n\n@media (max-width: 768px) {\n  .iief5-content {\n    padding: 20px;\n  }\n  \n  .iief5-title {\n    font-size: 24px;\n  }\n  \n  .iief5-desc, .iief5-question-text {\n    font-size: 17px;\n  }\n  \n  .iief5-option {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\n<script>\n(function() {\n  \/\/ \u6a21\u7d44\u5316\u8a2d\u8a08\uff0c\u9632\u6b62\u5168\u5c40\u885d\u7a81\n  const IIEF5Test = (function() {\n    \/\/ \u554f\u984c\u8cc7\u6599\n    const questions = [\n      {\n        question: \"\u60a8\u5c0d\u65bc\u81ea\u5df1\u80fd\u52c3\u8d77\u4e14\u80fd\u7dad\u6301\u52c3\u8d77\u72c0\u614b\u6709\u591a\u5927\u4fe1\u5fc3\",\n        options: [\n          { text: \"\u5f88\u4f4e\", value: 1 },\n          { text: \"\u4f4e\", value: 2 },\n          { text: \"\u4e2d\u7b49\", value: 3 },\n          { text: \"\u9ad8\", value: 4 },\n          { text: \"\u5f88\u9ad8\", value: 5 }\n        ]\n      },\n      {\n        question: \"\u60a8\u5617\u8a66\u6027\u4ea4\u6642\uff0c\u9670\u8396\u52c3\u8d77\u7684\u5805\u786c\u5ea6\u53ef\u8b93\u60a8\u9806\u5229\u9032\u5165\u4f34\u4fb6\u8eab\u9ad4\u55ce\uff1f\",\n        options: [\n          { text: \"\u7121\u6027\u6d3b\u52d5\", value: 0 },\n          { text: \"\u5b8c\u5168\u6216\u5e7e\u4e4e\u4e0d\u53ef\u4ee5\", value: 1 },\n          { text: \"\u5c11\u6578\u5e7e\u6b21\u53ef\u4ee5\", value: 2 },\n          { text: \"\u4e00\u534a\u5de6\u53f3\u53ef\u4ee5\", value: 3 },\n          { text: \"\u591a\u6578\u53ef\u4ee5\", value: 4 },\n          { text: \"\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u53ef\u4ee5\", value: 5 }\n        ]\n      },\n      {\n        question: \"\u6027\u4ea4\u4e2d\uff0c\u9670\u8396\u7f6e\u5165\u4f34\u4fb6\u8eab\u9ad4\u4e2d\u672a\u5c04\u7cbe\u524d\uff0c\u60a8\u53ef\u4ee5\u7dad\u6301\u9670\u8396\u7684\u5805\u786c\u55ce\uff1f\",\n        options: [\n          { text: \"\u6c92\u6709\u5617\u8a66\u6027\u4ea4\", value: 0 },\n          { text: \"\u5b8c\u5168\u6216\u5e7e\u4e4e\u4e0d\u53ef\u4ee5\", value: 1 },\n          { text: \"\u5c11\u6578\u5e7e\u6b21\u53ef\u4ee5\", value: 2 },\n          { text: \"\u4e00\u534a\u5de6\u53f3\u53ef\u4ee5\", value: 3 },\n          { text: \"\u591a\u6578\u53ef\u4ee5\", value: 4 },\n          { text: \"\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u53ef\u4ee5\", value: 5 }\n        ]\n      },\n      {\n        question: \"\u5728\u6027\u4ea4\u5b8c\u6210\u524d\uff0c\u60a8\u89ba\u5f97\u7dad\u6301\u9670\u8396\u52c3\u8d77\u5f88\u56f0\u96e3\u55ce\uff1f\",\n        options: [\n          { text: \"\u6c92\u6709\u5617\u8a66\u6027\u4ea4\", value: 0 },\n          { text: \"\u6975\u5ea6\u56f0\u96e3\", value: 1 },\n          { text: \"\u975e\u5e38\u56f0\u96e3\", value: 2 },\n          { text: \"\u56f0\u96e3\", value: 3 },\n          { text: \"\u6709\u9ede\u56f0\u96e3\", value: 4 },\n          { text: \"\u4e0d\u56f0\u96e3\", value: 5 }\n        ]\n      },\n      {\n        question: \"\u7576\u60a8\u5617\u8a66\u6027\u4ea4\u6642\uff0c\u60a8\u5c0d\u6574\u9ad4\u8868\u73fe\u89ba\u5f97\u6eff\u610f\u55ce\uff1f\",\n        options: [\n          { text: \"\u6c92\u6709\u5617\u8a66\u6027\u4ea4\", value: 0 },\n          { text: \"\u6975\u5ea6\u4e0d\u6eff\u610f\", value: 1 },\n          { text: \"\u53ea\u6709\u5c11\u6578\u5e7e\u6b21\u6eff\u610f\", value: 2 },\n          { text: \"\u4e00\u534a\u5de6\u53f3\u6eff\u610f\", value: 3 },\n          { text: \"\u5927\u591a\u6578\u6eff\u610f\", value: 4 },\n          { text: \"\u5e7e\u4e4e\u6bcf\u6b21\u90fd\u5f88\u6eff\u610f\", value: 5 }\n        ]\n      }\n    ];\n\n    \/\/ \u8a55\u4f30\u7d50\u679c\u7b49\u7d1a\n    const resultLevels = [\n      { min: 5, max: 7, level: \"\u56b4\u91cd\u52c3\u8d77\u529f\u80fd\u969c\u7919\", color: \"#e53e3e\", desc: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u53ef\u80fd\u5b58\u5728\u56b4\u91cd\u7684\u52c3\u8d77\u529f\u80fd\u969c\u7919\u3002\u9019\u7a2e\u60c5\u6cc1\u53ef\u80fd\u6703\u56b4\u91cd\u5f71\u97ff\u60a8\u7684\u6027\u751f\u6d3b\u8cea\u91cf\u3002\u8acb\u4e0d\u8981\u611f\u5230\u6cae\u55aa\uff0c\u8a31\u591a\u7537\u6027\u90fd\u9762\u81e8\u8457\u9019\u6a23\u7684\u6311\u6230\uff0c\u4e14\u5927\u591a\u6578\u52c3\u8d77\u529f\u80fd\u969c\u7919\u90fd\u6709\u6709\u6548\u7684\u6cbb\u7642\u65b9\u6cd5\u3002\u5efa\u8b70\u60a8\u76e1\u65e9\u8aee\u8a62\u5c08\u696d\u6ccc\u5c3f\u79d1\u91ab\u5e2b\uff0c\u5c0b\u6c42\u5c08\u696d\u7684\u8a3a\u65b7\u8207\u6cbb\u7642\u5efa\u8b70\u3002\u91ab\u5b78\u4e0a\u6709\u8a31\u591a\u65b9\u6cd5\u53ef\u4ee5\u6709\u6548\u6539\u5584\u52c3\u8d77\u529f\u80fd\uff0c\u5305\u62ec\u53e3\u670d\u85e5\u7269\u3001\u751f\u6d3b\u65b9\u5f0f\u7684\u8abf\u6574\u7b49\u3002\u52c7\u6562\u5c0b\u6c42\u5e6b\u52a9\u662f\u89e3\u6c7a\u554f\u984c\u7684\u91cd\u8981\u4e00\u6b65\u3002\" },\n      { min: 8, max: 11, level: \"\u4e2d\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\", color: \"#dd6b20\", desc: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u53ef\u80fd\u5b58\u5728\u4e2d\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\u3002\u9019\u8868\u793a\u60a8\u5728\u6027\u751f\u6d3b\u4e2d\u53ef\u80fd\u7d93\u5e38\u9047\u5230\u52c3\u8d77\u56f0\u96e3\uff0c\u4f46\u4e26\u975e\u5b8c\u5168\u7121\u6cd5\u52c3\u8d77\u3002\u9019\u662f\u4e00\u7a2e\u5e38\u898b\u7684\u60c5\u6cc1\uff0c\u6709\u5f88\u591a\u6cbb\u7642\u9078\u64c7\u53ef\u4ee5\u5e6b\u52a9\u60a8\u3002\u5efa\u8b70\u60a8\u8aee\u8a62\u5c08\u696d\u6ccc\u5c3f\u79d1\u91ab\u5e2b\uff0c\u4e86\u89e3\u53ef\u80fd\u7684\u6cbb\u7642\u65b9\u6848\u3002\u540c\u6642\uff0c\u6ce8\u610f\u751f\u6d3b\u7fd2\u6163\u7684\u8abf\u6574\uff0c\u5982\u9069\u7576\u904b\u52d5\u3001\u6e1b\u5c11\u58d3\u529b\u3001\u6212\u83f8\u9650\u9152\u7b49\uff0c\u4e5f\u53ef\u80fd\u6709\u6240\u5e6b\u52a9\u3002\u60a8\u4e0d\u9700\u8981\u7368\u81ea\u9762\u5c0d\u9019\u500b\u554f\u984c\uff0c\u5c08\u696d\u7684\u91ab\u7642\u5354\u52a9\u53ef\u4ee5\u986f\u8457\u6539\u5584\u60a8\u7684\u60c5\u6cc1\u3002\" },\n      { min: 12, max: 16, level: \"\u8f15\u5ea6\u81f3\u4e2d\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\", color: \"#d69e2e\", desc: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u53ef\u80fd\u5b58\u5728\u8f15\u5ea6\u81f3\u4e2d\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\u3002\u9019\u610f\u5473\u8457\u60a8\u6709\u6642\u6703\u9047\u5230\u52c3\u8d77\u56f0\u96e3\uff0c\u4f46\u4ecd\u6709\u4e0d\u5c11\u6642\u5019\u80fd\u5920\u9054\u5230\u6eff\u610f\u7684\u52c3\u8d77\u3002\u8a31\u591a\u56e0\u7d20\u53ef\u80fd\u5c0e\u81f4\u9019\u7a2e\u60c5\u6cc1\uff0c\u5305\u62ec\u58d3\u529b\u3001\u75b2\u52de\u3001\u67d0\u4e9b\u85e5\u7269\u7684\u526f\u4f5c\u7528\u6216\u6f5b\u5728\u7684\u5065\u5eb7\u554f\u984c\u3002\u9069\u7576\u7684\u751f\u6d3b\u65b9\u5f0f\u8abf\u6574\u53ef\u80fd\u6703\u6709\u6240\u5e6b\u52a9\uff0c\u5982\u898f\u5f8b\u904b\u52d5\u3001\u5747\u8861\u98f2\u98df\u3001\u5145\u8db3\u7761\u7720\u548c\u6e1b\u5c11\u58d3\u529b\u3002\u5982\u679c\u60a8\u5c0d\u6b64\u611f\u5230\u56f0\u64fe\uff0c\u5efa\u8b70\u8aee\u8a62\u5c08\u696d\u91ab\u5e2b\uff0c\u9032\u4e00\u6b65\u4e86\u89e3\u60a8\u7684\u60c5\u6cc1\u4e26\u7372\u53d6\u500b\u6027\u5316\u7684\u5efa\u8b70\u3002\" },\n      { min: 17, max: 21, level: \"\u8f15\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\", color: \"#38a169\", desc: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u53ef\u80fd\u5b58\u5728\u8f15\u5ea6\u52c3\u8d77\u529f\u80fd\u969c\u7919\u3002\u9019\u8868\u793a\u60a8\u5076\u723e\u6703\u9047\u5230\u52c3\u8d77\u56f0\u96e3\uff0c\u4f46\u5927\u591a\u6578\u6642\u5019\u4ecd\u80fd\u5920\u9054\u5230\u4ee4\u4eba\u6eff\u610f\u7684\u52c3\u8d77\u3002\u8f15\u5ea6\u7684\u52c3\u8d77\u554f\u984c\u76f8\u5c0d\u5e38\u898b\uff0c\u7279\u5225\u662f\u5728\u58d3\u529b\u5927\u3001\u75b2\u52de\u6216\u60c5\u7dd2\u4f4e\u843d\u7684\u6642\u671f\u3002\u6ce8\u610f\u751f\u6d3b\u7fd2\u6163\uff0c\u4fdd\u6301\u826f\u597d\u7684\u4f5c\u606f\u3001\u9069\u7576\u904b\u52d5\u3001\u7dad\u6301\u5065\u5eb7\u98f2\u98df\uff0c\u4e26\u627e\u5230\u6709\u6548\u7684\u6e1b\u58d3\u65b9\u5f0f\uff0c\u901a\u5e38\u80fd\u5920\u6709\u6548\u6539\u5584\u9019\u7a2e\u60c5\u6cc1\u3002\u5982\u679c\u9019\u500b\u554f\u984c\u6301\u7e8c\u56f0\u64fe\u60a8\uff0c\u5efa\u8b70\u8207\u91ab\u7642\u5c08\u696d\u4eba\u58eb\u8a0e\u8ad6\uff0c\u4ed6\u5011\u53ef\u4ee5\u63d0\u4f9b\u66f4\u591a\u5efa\u8b70\u6216\u8a55\u4f30\u662f\u5426\u9700\u8981\u9032\u4e00\u6b65\u5e72\u9810\u3002\" },\n      { min: 22, max: 25, level: \"\u7121\u52c3\u8d77\u529f\u80fd\u969c\u7919\", color: \"#38a169\", desc: \"\u60a8\u7684\u6e2c\u9a57\u7d50\u679c\u986f\u793a\u52c3\u8d77\u529f\u80fd\u6b63\u5e38\uff0c\u6c92\u6709\u660e\u986f\u7684\u52c3\u8d77\u529f\u80fd\u969c\u7919\u8de1\u8c61\u3002\u7e7c\u7e8c\u4fdd\u6301\u5065\u5eb7\u7684\u751f\u6d3b\u65b9\u5f0f\u5c0d\u7dad\u6301\u826f\u597d\u7684\u6027\u529f\u80fd\u975e\u5e38\u91cd\u8981\u3002\u5747\u8861\u98f2\u98df\u3001\u898f\u5f8b\u904b\u52d5\u3001\u63a7\u5236\u9ad4\u91cd\u3001\u907f\u514d\u904e\u91cf\u98f2\u9152\u548c\u5438\u83f8\u3001\u7ba1\u7406\u58d3\u529b\u548c\u5145\u8db3\u7761\u7720\uff0c\u90fd\u6709\u52a9\u65bc\u7dad\u6301\u6574\u9ad4\u5065\u5eb7\u548c\u6027\u529f\u80fd\u3002\u5982\u679c\u672a\u4f86\u6709\u4efb\u4f55\u95dc\u65bc\u6027\u5065\u5eb7\u7684\u7591\u616e\uff0c\u5efa\u8b70\u53ca\u6642\u8aee\u8a62\u5c08\u696d\u91ab\u5e2b\u3002\" }\n    ];\n\n    \/\/ \u72c0\u614b\u8b8a\u6578\n    let currentQuestion = 0;\n    let userAnswers = [];\n    let chart = null;\n\n    \/\/ DOM\u5143\u7d20\n    const elements = {\n      introPage: document.getElementById('iief5-intro-page'),\n      testPage: document.getElementById('iief5-test-page'),\n      resultPage: document.getElementById('iief5-result-page'),\n      startBtn: document.getElementById('iief5-start-btn'),\n      questionsContainer: document.getElementById('iief5-questions-container'),\n      prevBtn: document.getElementById('iief5-prev-btn'),\n      currentQuestionEl: document.getElementById('iief5-current-question'),\n      totalQuestionsEl: document.getElementById('iief5-total-questions'),\n      progressFill: document.getElementById('iief5-progress-fill'),\n      scoreEl: document.getElementById('iief5-score'),\n      resultLevelEl: document.getElementById('iief5-result-level'),\n      resultDescEl: document.getElementById('iief5-result-desc'),\n      restartBtn: document.getElementById('iief5-restart-btn')\n    };\n\n    \/\/ \u521d\u59cb\u5316\n    function init() {\n      \/\/ \u8a2d\u7f6e\u554f\u984c\u7e3d\u6578\n      elements.totalQuestionsEl.textContent = questions.length;\n      \n      \/\/ \u4e8b\u4ef6\u76e3\u807d\n      elements.startBtn.addEventListener('click', startTest);\n      elements.prevBtn.addEventListener('click', goToPrevQuestion);\n      elements.restartBtn.addEventListener('click', restartTest);\n      \n      \/\/ \u5275\u5efa\u6240\u6709\u554f\u984c\u4f46\u96b1\u85cf\u5b83\u5011\n      createAllQuestions();\n    }\n\n    \/\/ \u5275\u5efa\u6240\u6709\u554f\u984c\u5143\u7d20\n    function createAllQuestions() {\n      questions.forEach((q, index) => {\n        const questionEl = document.createElement('div');\n        questionEl.className = 'iief5-question';\n        questionEl.dataset.questionIndex = index;\n        questionEl.style.display = 'none';\n        \n        const questionText = document.createElement('div');\n        questionText.className = 'iief5-question-text';\n        questionText.textContent = `${index + 1}. ${q.question}`;\n        \n        const optionsContainer = document.createElement('div');\n        optionsContainer.className = 'iief5-options';\n        \n        q.options.forEach((option, optIndex) => {\n          const optionEl = document.createElement('div');\n          optionEl.className = 'iief5-option';\n          optionEl.textContent = option.text;\n          optionEl.dataset.value = option.value;\n          optionEl.dataset.questionIndex = index;\n          optionEl.dataset.optionIndex = optIndex;\n          \n          optionEl.addEventListener('click', () => selectOption(optionEl, index, option.value));\n          \n          optionsContainer.appendChild(optionEl);\n        });\n        \n        questionEl.appendChild(questionText);\n        questionEl.appendChild(optionsContainer);\n        elements.questionsContainer.appendChild(questionEl);\n      });\n    }\n\n    \/\/ \u958b\u59cb\u6e2c\u9a57\n    function startTest() {\n      switchPage(elements.introPage, elements.testPage);\n      showQuestion(0);\n      updateProgress();\n    }\n\n    \/\/ \u986f\u793a\u6307\u5b9a\u554f\u984c\n    function showQuestion(index) {\n      \/\/ \u96b1\u85cf\u6240\u6709\u554f\u984c\n      const allQuestions = document.querySelectorAll('.iief5-question');\n      allQuestions.forEach(q => {\n        q.style.display = 'none';\n        q.classList.remove('active');\n      });\n      \n      \/\/ \u986f\u793a\u7576\u524d\u554f\u984c\n      const currentQuestionEl = document.querySelector(`.iief5-question[data-question-index=\"${index}\"]`);\n      currentQuestionEl.style.display = 'block';\n      \n      \/\/ \u4f7f\u7528setTimeout\u4f86\u78ba\u4fddCSS\u904e\u6e21\u6548\u679c\u6b63\u5e38\u5de5\u4f5c\n      setTimeout(() => {\n        currentQuestionEl.classList.add('active');\n      }, 10);\n      \n      \/\/ \u66f4\u65b0\u7576\u524d\u554f\u984c\u7d22\u5f15\u548cUI\n      currentQuestion = index;\n      elements.currentQuestionEl.textContent = index + 1;\n      \n      \/\/ \u66f4\u65b0\u4e0a\u4e00\u984c\u6309\u9215\u72c0\u614b\n      elements.prevBtn.disabled = index === 0;\n      \n      \/\/ \u66f4\u65b0\u9078\u9805\u9ad8\u4eae\u72c0\u614b\n      if (userAnswers[index] !== undefined) {\n        const selectedOption = currentQuestionEl.querySelector(`.iief5-option[data-option-index=\"${userAnswers[index].optionIndex}\"]`);\n        if (selectedOption) {\n          selectedOption.classList.add('selected');\n        }\n      }\n      \n      updateProgress();\n    }\n\n    \/\/ \u9078\u64c7\u9078\u9805\n    function selectOption(optionEl, questionIndex, value) {\n      \/\/ \u79fb\u9664\u540c\u4e00\u554f\u984c\u4e2d\u6240\u6709\u9078\u9805\u7684\u9078\u4e2d\u72c0\u614b\n      const options = document.querySelectorAll(`.iief5-option[data-question-index=\"${questionIndex}\"]`);\n      options.forEach(opt => opt.classList.remove('selected'));\n      \n      \/\/ \u9ad8\u4eae\u9078\u4e2d\u7684\u9078\u9805\n      optionEl.classList.add('selected');\n      \n      \/\/ \u4fdd\u5b58\u7b54\u6848\n      userAnswers[questionIndex] = {\n        value: value,\n        optionIndex: parseInt(optionEl.dataset.optionIndex)\n      };\n      \n      \/\/ \u5ef6\u9072\u4e00\u4e0b\u518d\u5207\u63db\u5230\u4e0b\u4e00\u984c\uff0c\u8b93\u7528\u6236\u770b\u5230\u9078\u4e2d\u6548\u679c\n      setTimeout(() => {\n        if (questionIndex < questions.length - 1) {\n          showQuestion(questionIndex + 1);\n        } else {\n          finishTest();\n        }\n      }, 300);\n    }\n\n    \/\/ \u4e0a\u4e00\u984c\n    function goToPrevQuestion() {\n      if (currentQuestion > 0) {\n        showQuestion(currentQuestion - 1);\n      }\n    }\n\n    \/\/ \u66f4\u65b0\u9032\u5ea6\n    function updateProgress() {\n      const progress = ((currentQuestion + 1) \/ questions.length) * 100;\n      elements.progressFill.style.width = `${progress}%`;\n      \n      \/\/ \u5982\u679c\u53ea\u6709\u4e00\u500b\u554f\u984c\uff0c\u96b1\u85cf\u9032\u5ea6\u689d\n      const progressContainer = document.querySelector('.iief5-progress-container');\n      if (questions.length <= 1) {\n        progressContainer.style.display = 'none';\n      } else {\n        progressContainer.style.display = 'block';\n      }\n    }\n\n    \/\/ \u5b8c\u6210\u6e2c\u9a57\n    function finishTest() {\n      \/\/ \u8a08\u7b97\u7e3d\u5206\n      const totalScore = calculateScore();\n      \n      \/\/ \u66f4\u65b0\u7d50\u679c\u9801\u9762\n      elements.scoreEl.textContent = totalScore;\n      \n      \/\/ \u7372\u53d6\u8a55\u4f30\u7b49\u7d1a\u548c\u63cf\u8ff0\n      const result = getResultLevel(totalScore);\n      elements.resultLevelEl.textContent = result.level;\n      elements.resultLevelEl.style.color = result.color;\n      elements.resultDescEl.textContent = result.desc;\n      \n      \/\/ \u5207\u63db\u5230\u7d50\u679c\u9801\u9762\n      switchPage(elements.testPage, elements.resultPage);\n      \n      \/\/ \u5275\u5efa\u5716\u8868\n      createResultChart(totalScore);\n    }\n\n    \/\/ \u8a08\u7b97\u7e3d\u5206\n    function calculateScore() {\n      return userAnswers.reduce((total, answer) => total + (answer ? answer.value : 0), 0);\n    }\n\n    \/\/ \u7372\u53d6\u8a55\u4f30\u7b49\u7d1a\n    function getResultLevel(score) {\n      for (const level of resultLevels) {\n        if (score >= level.min && score <= level.max) {\n          return level;\n        }\n      }\n      return resultLevels[0]; \/\/ \u9810\u8a2d\u8fd4\u56de\u7b2c\u4e00\u500b\u7b49\u7d1a\n    }\n\n    \/\/ \u5275\u5efa\u7d50\u679c\u5716\u8868\n    function createResultChart(score) {\n      \/\/ \u5982\u679c\u5716\u8868\u5df2\u5b58\u5728\uff0c\u5148\u92b7\u6bc0\u5b83\n      if (chart) {\n        chart.destroy();\n      }\n      \n      const ctx = document.getElementById('iief5-result-chart').getContext('2d');\n      \n      \/\/ \u8a08\u7b97\u767e\u5206\u6bd4\n      const percentage = (score \/ 25) * 100;\n      \n      \/\/ \u7372\u53d6\u7d50\u679c\u7b49\u7d1a\u984f\u8272\n      const resultLevel = getResultLevel(score);\n      \n      \/\/ \u5275\u5efa\u52d5\u756b\u5716\u8868\n      chart = new Chart(ctx, {\n        type: 'doughnut',\n        data: {\n          labels: ['\u5f97\u5206', '\u5269\u9918'],\n          datasets: [{\n            data: [percentage, 100 - percentage],\n            backgroundColor: [resultLevel.color, '#e2e8f0'],\n            borderWidth: 0\n          }]\n        },\n        options: {\n          cutout: '70%',\n          responsive: true,\n          maintainAspectRatio: false,\n          plugins: {\n            legend: {\n              display: false\n            },\n            tooltip: {\n              enabled: false\n            }\n          },\n          animation: {\n            animateRotate: true,\n            animateScale: true,\n            duration: 1000\n          }\n        }\n      });\n      \n      \/\/ \u5728\u5716\u8868\u4e2d\u5fc3\u986f\u793a\u767e\u5206\u6bd4\n      const centerText = {\n        id: 'centerText',\n        afterDraw: (chart) => {\n          const width = chart.width;\n          const height = chart.height;\n          const ctx = chart.ctx;\n          \n          ctx.restore();\n          ctx.font = 'bold 24px \"Microsoft JhengHei\", sans-serif';\n          ctx.textBaseline = 'middle';\n          ctx.textAlign = 'center';\n          \n          const text = `${Math.round(percentage)}%`;\n          const textX = width \/ 2;\n          const textY = height \/ 2;\n          \n          ctx.fillStyle = '#2d3748';\n          ctx.fillText(text, textX, textY);\n          ctx.save();\n        }\n      };\n      \n      \/\/ \u6dfb\u52a0\u4e2d\u5fc3\u6587\u5b57\u63d2\u4ef6\n      Chart.register(centerText);\n    }\n\n    \/\/ \u91cd\u65b0\u6e2c\u9a57\n    function restartTest() {\n      \/\/ \u91cd\u7f6e\u7b54\u6848\n      userAnswers = [];\n      currentQuestion = 0;\n      \n      \/\/ \u91cd\u7f6e\u9078\u9805\u9078\u4e2d\u72c0\u614b\n      const options = document.querySelectorAll('.iief5-option');\n      options.forEach(opt => opt.classList.remove('selected'));\n      \n      \/\/ \u8fd4\u56de\u5230\u5f15\u5c0e\u9801\n      switchPage(elements.resultPage, elements.introPage);\n    }\n\n    \/\/ \u5207\u63db\u9801\u9762\n    function switchPage(fromPage, toPage) {\n      fromPage.classList.remove('iief5-active');\n      \n      \/\/ \u7b49\u5f85\u524d\u4e00\u500b\u9801\u9762\u6de1\u51fa\u5f8c\u518d\u986f\u793a\u65b0\u9801\u9762\n      setTimeout(() => {\n        toPage.classList.add('iief5-active');\n      }, 500);\n    }\n\n    \/\/ \u8fd4\u56de\u516c\u5171\u65b9\u6cd5\n    return {\n      init: init\n    };\n  })();\n\n  \/\/ \u7576DOM\u8f09\u5165\u5b8c\u6210\u5f8c\u521d\u59cb\u5316\u6e2c\u9a57\n  document.addEventListener('DOMContentLoaded', function() {\n    IIEF5Test.init();\n  });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>\u8bf7\u6839\u636e\u8fc7\u53bb6\u4e2a\u6708\u5185\u7684\u60c5\u51b5\u8bc4\u4f30\uff0c\u9009\u62e9\u76f8\u5173\u9009\u9879\u3002\u56fd\u9645\u52c3\u8d77\u529f\u80fd\u6307\u6807\u91cf\u8868(IIEF-5)\u7ebf\u4e0a\u514d\u8d39\u6d4b\u9a8c\uff085\u9898\uff09\u3002\u52c3\u8d77\u529f\u80fd\u826f\u597d\uff0c\u6574\u4f53\u7684\u8eab\u4f53\u7d20\u8d28\u5f88\u68d2\uff01\u5efa\u8bae\u89c4\u5f8b\u6027\u751f\u6d3b\uff0c\u4e0d\u5fc5\u62c5\u5fc3\u548c\u7d27\u5f20\uff0c\u653e\u677e\u5fc3\u60c5\uff0c\u4eab\u53d7\u6027\u7231\u5e26\u6765\u7684\u5feb\u4e50\uff01<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[179],"tags":[],"class_list":["post-9243","post","type-post","status-publish","format-standard","hentry","category-marriage"],"_links":{"self":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/comments?post=9243"}],"version-history":[{"count":6,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9243\/revisions"}],"predecessor-version":[{"id":9546,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/posts\/9243\/revisions\/9546"}],"wp:attachment":[{"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/media?parent=9243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/categories?post=9243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xinliceyan.org\/zh\/wp-json\/wp\/v2\/tags?post=9243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}