CINXE.COM

管理

<!-- APPLICATION LAYOUT --> <!DOCTYPE html> <html xmlns:og="http://ogp.me/ns#" lang="zh-TW"> <head> <!-- Data Layer --> <script> window.dataLayer = window.dataLayer || [{"bc.siteId":"CAL-SFPL","bc.language":"zh-TW","bc.libraryId":93,"bc.localBranch":null,"bc.shortName":"SFPL","bc.longName":"San Francisco Public Library","bc.domain":"sfpl","bc.externalGaId":"UA-235343005-1","bc.externalCoreGAId":"UA-235343005-1","bc.gaCrossDomainNames":[],"bc.gaCrossDomainEnabled":false,"bc.ga4MeasurementId":"G-PG25ME2BDE","bc.cmsEnabled":false,"bc.cmsUrl":"http://bibliocms.com/","bc.crazyEggId":"00178067","bc.allowGoogleAdFeatures":false,"bc.externalEventsGAId":null,"bc.product":"core","bc.version":"Version 9.27.0 Last updated 2025/02/06 12:11 [core-liv-app34.bcommons.net]"}]; </script> <!-- end Data Layer --> <!-- Start Google Tag Manager--> <script>(function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+''; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-TDPBXX');</script> <!-- End Google Tag Manager --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Library", "url": "https://sfpl.bibliocommons.com/", "name": "San Francisco Public Library", "logo": "https://cor-liv-cdn-static.bibliocommons.com/images/CAL-SFPL/logo.png?1739800776879", "image": "https://cor-liv-cdn-static.bibliocommons.com/images/CAL-SFPL/logo.png?1739800776879" } </script> <script type="text/javascript" charset="utf-8"> var registered_messages = []; var controller_js = '//cor-cdn-static.bibliocommons.com/assets/controllers/info-4aa8c932ed2c9830d3a85c516ed44886.js'; </script> <script type="text/javascript"> document.write("<style type=\"text/css\">.hide_on_script{display:none;}</style>"); var event_query = "" </script> <title data-analytics="info">Error | San Francisco Public Library | BiblioCommons</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="App-Version" content="Version 9.27.0 Last updated 2025/02/06 12:11 [core-liv-app34.bcommons.net]"> <meta name="format-detection" content="telephone=no"> <meta name="google-site-verification" content="XP15EF9-Mx4nKTFwmhzJkL6q7mc-CuNVTmbkg8MnZRU" /> <meta content="authenticity_token" name="csrf-param" /> <meta content="fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w=" name="csrf-token" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:site_name" content="San Francisco Public Library"> <meta property="og:url" content="https://sfpl.bibliocommons.com/500?external=false&amp;selected_language=zh-TW"> <meta property="fb:app_id" content="821053187955346"> <meta property="title" content="Error | San Francisco Public Library | BiblioCommons"> <meta property="og:title" content="Error | San Francisco Public Library | BiblioCommons"> <meta name="twitter:title" content="Error | San Francisco Public Library | BiblioCommons"> <meta name="description" content="探索 San Francisco Public Library。新書刊、最近評分的書刊,以及圖書館社群標記的書刊。"> <meta name="og:description" content="探索 San Francisco Public Library。新書刊、最近評分的書刊,以及圖書館社群標記的書刊。"> <meta name="twitter:description" content="探索 San Francisco Public Library。新書刊、最近評分的書刊,以及圖書館社群標記的書刊。"> <meta name="twitter:card" content="summary"> <link href="//cor-cdn-static.bibliocommons.com/assets/bc_base-7458b34fb4de9be11818e405e123b860.css" media="screen" rel="stylesheet" type="text/css" /> <link href="//cor-cdn-static.bibliocommons.com/assets/core-0ebb1c96c1022e0da243d70f0cde2466.css" media="screen" rel="stylesheet" type="text/css" /> <link href="//cor-cdn-static.bibliocommons.com/assets/controllers/info-b9f062c810f853237fd60ff21a477552.css" media="screen" rel="stylesheet" type="text/css" /> <link href="//cor-liv-cdn-static.bibliocommons.com/dynamic_stylesheet/CAL-SFPL/library_branding.css?1739800776879" media="all" rel="stylesheet" type="text/css" /> <link href="//cor-liv-cdn-static.bibliocommons.com/dynamic_stylesheet/CAL-SFPL/stylesheet.css?1739800776879" media="all" rel="stylesheet" type="text/css" /> <!--[if lt IE 9]><link href="//cor-cdn-static.bibliocommons.com/assets/deprecated/context/core/IE-223cce97d2a1ab4365e01eb4070abbb7.css" media="screen" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="//cor-cdn-static.bibliocommons.com/assets/deprecated/context/core/IE8-6423c920b2af42d04525fdd61d76a9ee.css" media="screen" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="//cor-cdn-static.bibliocommons.com/assets/deprecated/context/core/ie9-f9eebad232c8e6d89bc517dc1c34ab40.css" media="screen" rel="stylesheet" type="text/css" /><![endif]--> <script type="text/javascript" charset="utf-8"> var registered_messages = []; </script> <script type="text/javascript"> var AUTH_TOKEN = "fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w="; var BC_USER_ID = 0; var BC_LIBRARY_ID = 93; var BC_USERNAME = ""; var BC_MD5_USER = ""; var at_local_branch = ""; var USER_PRESENT = "false"; var current_time = "Mon, 17 Feb 2025 19:15:20 GMT"; var j_callback = ""; var SEND_FORMS = true; var CURRENT_LOCALE = "zh-TW"; var back_to_link_page_id = ""; var AUTH_RULES = { is_program_agency: false, recently_returned_enabled: true, registration_requires_user_segments: false, digital_service_enabled: true, show_barcodeless_if_login_fail: false, reminder_messaging_enabled: false, numeric_password_required: false, confirm_password: true, supported_registration_types: ["ILS_BACKED"], required_fields: ["barcode", "user_pin", "first_name", "last_name", "location_city", "location_name", "user_name", "password", "confirm_password", "accept_terms", "user_zip_code", "user_grade"], reminder_types: [], default_page: 'dashboard', restricted_age_limit: 13, password_min_length: 4, password_max_length: 30, pre_registration_account_linking: false, pre_registration_matching: false, restrict_free_text_entry: true }; var READING_TIME_LAST_NUDGE = false; var USER_HAS_NEW_BADGES = false; var DOE_LOGIN_REDIRECT = false; /* Localization */ var less = "顯示更少"; var more = "顯示更多"; var sSearch = "搜尋款目:"; var sLengthMenu = "每頁顯示 _MENU_ 筆記錄"; var sZeroRecords = "找不到任何結果"; var sInfo = "顯示 _TOTAL_ 筆記錄中從 _START_ 到 _END_ 的記錄"; var sInfoEmpty = "顯示 0 筆記錄中的第 0 到 0 筆"; var sInfoFiltered = "(從 _MAX_ 筆總記錄中篩選)"; var sNext = "下一個"; var sPrevious = "上一個"; var od_localizations = { fetch_message: "正在檢查可用性...", wait_message: "請稍候,正在等待處理其他要求。", request_available: "檢查可用性", digital_request: "申請預借", checkout: "可借出" } var DISABLE_MSG = "若您直接編輯查詢,則會停用下列表單。"; var ADDED = '<i aria-hidden="true" class=" icon-ok"></i> 已新增至...'; var CLOSETEXT = "關閉"; var START_DATE = "挑選開始日期。"; var DONE_BUTTON = "完成"; var END_DATE = "暫停結束日期"; var START_DATE = "暫停開始日期"; var YOUR_USERNAME_IS = "您的使用者名稱是:"; var localized_validator_messages = { accept_terms: { required: "您必須同意此條款。" } , user_name:{ remote: "該使用者名稱已由他人所用", matchesPattern: "使用者名稱僅可包含字母、數字或底線 (無空格)。不可僅使用數字。" } , validExactPwd: "密碼長度必須為 {0} 個字元。" , validExactPin: "PIN 碼必須為 {0} 位數。" , required: "這是必填欄位。" , remote: "請修正此欄位。" , email: "請輸入有效的電子郵件地址。" , multiemail: "請輸入有效的電子郵件地址。" , url: "請輸入有效的 URL。" , date: "請輸入有效的日期。" , dateISO: "請輸入有效的日期 (ISO)。" , number: "請輸入有效的數字。" , digits: "請只輸入數字。" , creditcard: "請輸入有效的信用卡號碼。" , equalTo: "請再次輸入相同的值。" , accept: "請輸入值和有效的副檔名。" , maxlength: "請勿輸入超過 {0} 個字元。" , minlength: "請至少輸入 {0} 個字元。" , rangelength: "請輸入長度介於 {0} 到 {1} 個字元之間的值。" , range: "請輸入介於 {0} 到 {1} 之間的值。" , max: "請輸入小於或等於 {0} 的值。" , min: "請輸入大於或等於 {0} 的值。" , filteredPhone: "請輸入有效的 10 碼北美電話號碼。" , s4pYearRange: "請輸入從 1901 到 {0} 之間的 4 位數年份" , reportDateRange: "此日期超出 3 個月的範圍上限。" , badgesAgeRange: "年齡下限不可大於年齡上限。" , badgesCode: "只能輸入文字、數字、底線和雜湊標記。代碼必須至少有 2 個字元。" , twitterusername: "Twitter 使用者名稱不可包含空格或符號。" , suggested_purchases_select_reason: "請選取原因。" }; var BCLang = { more: "更多", like: "喜歡", likes: "按讚", liked: "喜歡的", unlike: "不喜歡", unliked: "已取消按讚", list: "清單", lists: "清單", title: "題名", titles: "書刊", library: "圖書館", libraries: "圖書館", person: "人員", people: "人員", show_more: "顯示更多", loading: "正在載入...", buttons: { save: "儲存", cancel: "取消" }, errors_and_messages: { errors: "發生錯誤,無法完成您的要求。請稍後再試", preferred_location_selected: "已選取此位置。", covers_copied: "已將書籍封面圖片複製到剪貼簿。" }, user_profile: { duplicate_label: "您已經輸入重複標籤", user_added: "已新增使用者" }, color: "顏色", animal: "動物", reg_color_picked: "選定的顏色", reg_animal_picked: "選定的動物", reg_confirm_tos: "確認接受條款及細則", something_went_wrong: "發生錯誤,請稍後再試一次。", help_bubble: { borrowing_select_items: { text: "在這裡切換成管理多本圖書...", title: "您將可以選取及管理所有狀態類型的圖書。" }, borrowing_summary: { title: "您可以在這裡存取借閱摘要功能表" }, checkedout_ratings: { text: "系統會將您所評分的書刊自動新增至「已完成書架」,預設以書架的隱私權設定為準。<br><a data-js=\"help_popout\" href=\"https://help.bibliocommons.com/zh-hant/045faq/040faq-my-shelves\">深入瞭解<\/a>", title: "評分或在書架上新增書刊" }, borrowing_summary_view: { text: "若有 2 種或 2 種以上的狀態類型,會將您的圖書依狀態分組。您可以分組管理圖書,也可以...", title: "這是您的書摘檢視" }, holds_shelves: { text: "書架可供您參考已借或想借的圖書。您可以將圖書新增或移動至「稍後處理」書架、「處理中」書架或「已完成」書架,也可以將這些書架設為私人或公開狀態。<br><a data-js=\"help_popout\" href=\"https://help.bibliocommons.com/zh-hant/045faq/040faq-my-shelves\">深入瞭解<\/a>", title: "將圖書新增至書架" }, borrowing_faqs: { text: "您可以查閱常見問題集或從這裡開始進行導覽。" }, next_text: "好,下一步", close_text: "好,知道了。", borrowing_batch_actions: { title: "選取您要管理的圖書,然後選擇您要在此執行的操作" }, borrowing_individual_actions: { title: "在這裡使用個別的項目操作" } } }; var HELP_BUBBLES = {}; var bc_feature = {}; bc_feature['CirculationPopularity'] = true; bc_feature['RecentCommentsCarousel'] = false; bc_feature['ReaderAssetBuild'] = false; bc_feature['ReaderConsolidatedMenu'] = false; bc_feature['ReaderEcwImageFix'] = false; bc_feature['ReaderForceDownload'] = false; bc_feature['ReaderForceDownloadReadPage'] = false; bc_feature['ReaderNativeLogout'] = false; bc_feature['ReaderStartupScreen'] = false; bc_feature['ReaderSafariHomescreen'] = false; bc_feature['ResponsiveShelves'] = false; bc_feature['ResponsiveShelvesOptIn'] = false; bc_feature['RevisedFrbrRatingFacet'] = false; bc_feature['MyConversations'] = false; bc_feature['UseAcquisitionCoreStub'] = false; bc_feature['RemoveFooterPartials'] = false; bc_feature['LikingLibraryBreakdown'] = false; bc_feature['ShowOclcIds'] = false; bc_feature['SaveUserInfoForReporting'] = false; bc_feature['BootstrapPopovers'] = false; bc_feature['CheckedOutOUTStatus'] = true; bc_feature['EHoldingsStatus'] = false; bc_feature['BorrowingWidgetCaching'] = false; bc_feature['WrapLegacyWithBootstrap'] = true; bc_feature['NerfListCarousel'] = true; bc_feature['ItemFormatPicker'] = true; bc_feature['NerfShelves'] = true; bc_feature['NerfShelvesOptIn'] = true; bc_feature['NerfBorrowing'] = true; bc_feature['NerfBorrowingOptIn'] = true; bc_feature['HoldsWhileYouWaitRecommendations'] = false; bc_feature['BatchAddToShelf'] = false; bc_feature['ReactPrivacyToggle'] = false; bc_feature['ReactCommentEditor'] = false; bc_feature['ReactSummaryEditor'] = false; bc_feature['ReactQuotationEditor'] = false; bc_feature['ReactContentAdvisoryEditor'] = false; bc_feature['SecurityDarkRelease'] = false; bc_feature['ReactAgeSuitibilityEditor'] = false; bc_feature['CopyListCoversButton'] = true; bc_feature['ThreeWayAccountLinking'] = false; bc_feature['SearchBoosting'] = false; var THIRD_PARTY_RECOMMENDATIONS = {}; THIRD_PARTY_RECOMMENDATIONS['novelist'] = {"apikey":"sfpl.main.novsel2:dGJyMOPY8U2vrbcA","maxitems":5,"maxisbns":5}; var is_responsive_registration = true; var frbr_enabled = false if (typeof console == "undefined" || typeof console.debug == "undefined") var console = { log: function() {}, warn: function() {}, info: function() {}, error: function() {} }; console.debug = function() {}; document.write("<style type=\"text/css\">.hide_on_script{display:none;}</style>"); var auto_suggest_enabled = true; var open_dropdown = ""; var open_popup = ""; var open_editor = ""; var open_details = ""; var selected_items = []; var open_tip = ""; var help_win = false; var fines_popup_width = 800; var fines_popup_height = 550; var renew_enabled = true; var registrar = { hooks: {}, handlers: {}, remove_hook: function(type){ this.hooks[type] = []; }, add_hook: function(type, o) { if (typeof(o) == "string") o = {element: o}; if (this.hooks[type] == undefined) { this.hooks[type] = []; } this.hooks[type].push(o); if (this.handlers[type] != undefined) { for (var i=0; i < this.handlers[type].length; i++) { this.inform_handler(this.handlers[type][i], o); }; } }, add_handler: function(types, handler, opts) { if (typeof(types) != "object") { types = [types]; } if (opts == undefined) { opts = {delay: 0}; } for (var i=0; i < types.length; i++) { var type = types[i]; if (this.handlers[type] == undefined) { this.handlers[type] = []; } var h = {handler: handler, opts: opts}; this.handlers[type].push(h); if (this.hooks[type] != undefined) { var hook_length = this.hooks[type].length; if (hook_length > 0) { if (h.opts.delay != 0) { this.chained_inform_handler(0, h, type); } else { for (var i=0; i < this.hooks[type].length; i++) { this.inform_handler(h, this.hooks[type][i]); } } } } }; }, chained_inform_handler: function(idx, h, type) { if (idx < this.hooks[type].length) { registrar.inform_handler(h, this.hooks[type][idx]); setTimeout(function() { registrar.chained_inform_handler(idx+1, h, type); }, h.opts.delay); } }, inform_handler: function(h, hook) { h.handler(hook); } }; registrar.add_handler("dropdown", function(o) { var hover = false; if (o.hover != undefined && o.hover != null) hover = o.hover; if (!o.hover && o.trigger) document.getElementById(o.trigger).onclick = function(){return false;}; }); var DOAUTH = true; HAS_SCHOOLS = false var CHECK_FOR_BADGES = false; var CMS_ENABLED = false; var CMS_URL = ""; var images_path_location = /assets/; </script> <script type="text/javascript"> if (typeof console == "undefined" || typeof console.debug == "undefined") var console = { log: function() {}, warn: function() {}, info: function() {}, error: function() {} }; console.debug = function() {}; </script> <script type="text/javascript"> var messages = []; </script> <link href="//cor-cdn-static.bibliocommons.com/assets/print-887e1ad12746a48f7a18776d8f41080c.css" media="print" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="/images/CAL-SFPL/favicon.ico"/> </head> <body id="context_core" class='lt_responsive one_col '> <div class="screen_reader_navigation" role="navigation"> <a class="hidden-xs hidden-sm screen_reader_nav" href="#header_main_nav" data-js="skip_to_main_nav"> 跳至主要導覽 </a> <a class="hidden-lg hidden-md screen_reader_nav" href="#header_main_nav" data-js="header_nav_xs_trigger" data-target = "header-main-nav"> 跳至主要導覽 </a> <a class="hidden-xs hidden-sm screen_reader_nav" href="#desktop_search_form" data-js="skip_to_search_field"> 略過以搜尋 </a> <a class="hidden-lg hidden-md screen_reader_nav" href="#mobile_search_form" data-js="header_search_xs_trigger"> 略過以搜尋 </a> <a class="screen_reader_nav" href="#content-start" data-js="skip_to_content_start"> 跳至內容 </a> </div> <div id="ct_info" data-test-id="info_page" class="view_medium"> <div class="cp_biblio_master_message"> <!-- IE Browser Message --><p>很抱歉,此網站已不再支援 Internet Explorer 網頁瀏覽器。</p> <p>請下載其他瀏覽器,例如 <a href="https://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a>、<a href="https://www.google.com/chrome/">Google Chrome</a> 或 <a href="https://www.microsoft.com/en-us/edge">Microsoft Edge</a> 以提升您的體驗。</p> <p>如果您需要協助,請聯絡您的圖書館。</p> </div> <header> <script type="text/javascript"> window.BCHeaderConfig = {"is_externally_rendered":false,"initial_state":{},"core_base_url":"https://sfpl.bibliocommons.com/","web_base_url":null,"domain":"sfpl","messages":{"ada_suggestions_below":"建議如下。"}}; </script> <div class="cp_header_wrapper"> <div class="cp_header" data-js="cp_header" testid="header" data-responsive="true"> <div class="cp_header_biblio_bar"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="pull-left"> <div class="hidden-xs"> <a href="javascript:void(0);" aria-expanded="false" class="biblio_bar_link language_dropdown_trigger dropdown-toggle hide_trigger_icon" data-toggle="dropdown" id="biblio_language_trigger" lang="zh-TW" testid="selected_language"> <svg aria-hidden="true" class="svg_icon " focusable="false" height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"> <path d="M5.994 0C2.682 0 0 2.688 0 6C0 9.312 2.682 12 5.994 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 5.994 0ZM10.152 3.6H8.382C8.19 2.85 7.914 2.13 7.554 1.464C8.658 1.842 9.576 2.61 10.152 3.6ZM6 1.224C6.498 1.944 6.888 2.742 7.146 3.6H4.854C5.112 2.742 5.502 1.944 6 1.224ZM1.356 7.2C1.26 6.816 1.2 6.414 1.2 6C1.2 5.586 1.26 5.184 1.356 4.8H3.384C3.336 5.196 3.3 5.592 3.3 6C3.3 6.408 3.336 6.804 3.384 7.2H1.356ZM1.848 8.4H3.618C3.81 9.15 4.086 9.87 4.446 10.536C3.342 10.158 2.424 9.396 1.848 8.4ZM3.618 3.6H1.848C2.424 2.604 3.342 1.842 4.446 1.464C4.086 2.13 3.81 2.85 3.618 3.6ZM6 10.776C5.502 10.056 5.112 9.258 4.854 8.4H7.146C6.888 9.258 6.498 10.056 6 10.776ZM7.404 7.2H4.596C4.542 6.804 4.5 6.408 4.5 6C4.5 5.592 4.542 5.19 4.596 4.8H7.404C7.458 5.19 7.5 5.592 7.5 6C7.5 6.408 7.458 6.804 7.404 7.2ZM7.554 10.536C7.914 9.87 8.19 9.15 8.382 8.4H10.152C9.576 9.39 8.658 10.158 7.554 10.536ZM8.616 7.2C8.664 6.804 8.7 6.408 8.7 6C8.7 5.592 8.664 5.196 8.616 4.8H10.644C10.74 5.184 10.8 5.586 10.8 6C10.8 6.414 10.74 6.816 10.644 7.2H8.616Z" /> </svg> <span aria-hidden="true">繁體中文</span><span class="sr-only" data-js="sr-only-dropdown-toggle" data-text-collapsed="繁體中文,摺疊" data-text-expanded="繁體中文,展開">繁體中文,摺疊</span><span aria-hidden="true" class="icon-arrow"></span></a> <ul class="dropdown-menu biblio_languages" aria-labelledby="biblio_language_trigger" testid="list_of_langs"> <li><a href="/info/switch_language?external=false&amp;selected_language=en-US" class="" lang="en-US">English</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=es-ES" class="" lang="es-ES">Español</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=zh-CN" class="" lang="zh-CN">简体中文</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=ru-RU" class="" lang="ru-RU">Русский</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=vi-VN" class="" lang="vi-VN">Tiếng Việt</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=fil-PH" class="" lang="fil-PH">Filipino</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=ja-JA" class="" lang="ja-JA">日本語</a></li> </ul> </div> <a href="#language-switcher-overlay" class="biblio_bar_link visible-xs language_overlay_trigger" data-js="language_overlay_trigger" data-target="language_switcher_overlay" testid="language_trigger"> <svg aria-hidden="true" class="svg_icon " focusable="false" height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"> <path d="M5.994 0C2.682 0 0 2.688 0 6C0 9.312 2.682 12 5.994 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 5.994 0ZM10.152 3.6H8.382C8.19 2.85 7.914 2.13 7.554 1.464C8.658 1.842 9.576 2.61 10.152 3.6ZM6 1.224C6.498 1.944 6.888 2.742 7.146 3.6H4.854C5.112 2.742 5.502 1.944 6 1.224ZM1.356 7.2C1.26 6.816 1.2 6.414 1.2 6C1.2 5.586 1.26 5.184 1.356 4.8H3.384C3.336 5.196 3.3 5.592 3.3 6C3.3 6.408 3.336 6.804 3.384 7.2H1.356ZM1.848 8.4H3.618C3.81 9.15 4.086 9.87 4.446 10.536C3.342 10.158 2.424 9.396 1.848 8.4ZM3.618 3.6H1.848C2.424 2.604 3.342 1.842 4.446 1.464C4.086 2.13 3.81 2.85 3.618 3.6ZM6 10.776C5.502 10.056 5.112 9.258 4.854 8.4H7.146C6.888 9.258 6.498 10.056 6 10.776ZM7.404 7.2H4.596C4.542 6.804 4.5 6.408 4.5 6C4.5 5.592 4.542 5.19 4.596 4.8H7.404C7.458 5.19 7.5 5.592 7.5 6C7.5 6.408 7.458 6.804 7.404 7.2ZM7.554 10.536C7.914 9.87 8.19 9.15 8.382 8.4H10.152C9.576 9.39 8.658 10.158 7.554 10.536ZM8.616 7.2C8.664 6.804 8.7 6.408 8.7 6C8.7 5.592 8.664 5.196 8.616 4.8H10.644C10.74 5.184 10.8 5.586 10.8 6C10.8 6.414 10.74 6.816 10.644 7.2H8.616Z" /> </svg> <span class="sr-only"> 選取語言,開啟特效 </span> </a> <script type="text/html" data-js="language_switcher_overlay"> <div class="language_switcher_overlay"> <h3>選取語言</h3> <ul> <li><a href="/info/switch_language?external=false&amp;selected_language=en-US" class="" lang="en-US">English</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=es-ES" class="" lang="es-ES">Español</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=zh-CN" class="" lang="zh-CN">简体中文</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=ru-RU" class="" lang="ru-RU">Русский</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=vi-VN" class="" lang="vi-VN">Tiếng Việt</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=fil-PH" class="" lang="fil-PH">Filipino</a></li> <li><a href="/info/switch_language?external=false&amp;selected_language=ja-JA" class="" lang="ja-JA">日本語</a></li> </ul> </div> </script> </div> <div class="pull-left visible-xs help_location_links_xs"> <a href="https://help.bibliocommons.com/zh-hant" class="biblio_bar_link header_help_link" data-js="header_help_link" data-target="header_help_dropdown_menu" data-ga-category="header_help_link" data-ga-label="Help Link" testid="link_help"> <i aria-hidden="true" class=" icon-help-circled"></i> <span class="hidden-xs" aria-hidden="true">協助</span> <span class="sr-only">協助,開啟新視窗</span> </a> </div> <div class="pull-right header_biblio_bar_right" > <div class="hidden-xs help_location_links" > <a href="https://help.bibliocommons.com/zh-hant" class="biblio_bar_link header_help_link" data-js="header_help_link" data-target="header_help_dropdown_menu" data-ga-category="header_help_link" data-ga-label="Help Link" testid="link_help"> <i aria-hidden="true" class=" icon-help-circled"></i> <span class="hidden-xs" aria-hidden="true">協助</span> <span class="sr-only">協助,開啟新視窗</span> </a> </div> <!-- begin BCNAV --> <div data-js="bc_my_account_nav" class="bc_my_account_nav"> <!-- Template: t_biblionav_admin_nav --> <div class="admin_nav hidden" data-js="biblionav_admin_nav" testid="admin_nav"> <a href="#" aria-expanded="false" class="biblio_bar_link admin_nav_trigger dropdown-toggle hide_trigger_icon" data-js="admin_nav_trigger" data-toggle="dropdown" id="admin_nav_trigger" testid="admin_nav_trigger"> <svg aria-hidden="false" class="svg_icon " focusable="false" height="14" viewBox="0 0 30 32" width="14" xmlns="http://www.w3.org/2000/svg"> <title>管理</title> <path d="M6.848 26.272q0-0.448-0.32-0.8t-0.8-0.32-0.8 0.32-0.352 0.8 0.352 0.8 0.8 0.352 0.8-0.352 0.32-0.8zM18.368 18.784l-12.192 12.192q-0.672 0.64-1.6 0.64t-1.632-0.64l-1.888-1.952q-0.672-0.64-0.672-1.6 0-0.928 0.672-1.632l12.16-12.16q0.704 1.76 2.048 3.104t3.104 2.048zM29.696 11.008q0 0.704-0.416 1.888-0.864 2.4-2.944 3.904t-4.608 1.472q-3.328 0-5.664-2.336t-2.336-5.664 2.336-5.632 5.664-2.368q1.024 0 2.144 0.32t1.92 0.832q0.288 0.192 0.288 0.48t-0.288 0.512l-5.216 3.008v4l3.456 1.92q0.064-0.064 1.408-0.864t2.4-1.44 1.28-0.64q0.256 0 0.416 0.16t0.16 0.448z"></path> </svg> <span aria-hidden="true" class="hidden-sm hidden-xs">管理</span><span class="sr-only" data-js="sr-only-dropdown-toggle" data-text-collapsed="管理,摺疊" data-text-expanded="管理,展開">管理,摺疊</span><span aria-hidden="true" class="icon-arrow"></span></a> <ul class="dropdown-menu admin_nav_menu" data-js="admin_nav_menu" aria-labelledby="admin_nav_trigger"> </ul> </div> <script id="t_biblionav_admin_nav" type="x-handlebars-template"> {{#if admin_nav.length}} <li aria-hidden="true" class="dropdown-header"> 圖書館 </li> {{#each admin_nav}} <li aria-hidden="true"> <a href="{{link}}" testid="biblionav_admin_{{locals.testid}}">{{title}}</a> </li> {{/each}} {{/if}} {{#if bcadmin_nav.length}} <li aria-hidden="true" class="divider"></li> <li aria-hidden="true" class="dropdown-header"> BC Admin </li> {{#each bcadmin_nav}} <li aria-hidden="true"> <a href="{{link}}" testid="biblionav_admin_{{locals.testid}}">{{title}}</a> </li> {{/each}} {{/if}} </script> <div class="biblio_bar_my_account"> <a href="javascript:void(0);" class="dropdown-toggle my_account_toggle biblio_bar_link hide_trigger_icon " data-test-id="user_state_logged_out" id="biblionav_account_trigger" data-js="biblionav_account_trigger" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <!-- Template: t_biblionav_account_trigger --> <span data-test-id="biblio-bar-login"> 登入 / 我的 SFPL </span> </a> <ul class="dropdown-menu biblionav_my_account" data-js="biblionav_my_account" aria-labelledby="biblionav_account_trigger"> <!-- Template - t_biblionav_my_account_user_info --> <li class="info" data-js="biblionav_my_account_user_info"> <a href="https://sfpl.bibliocommons.com/user/login" class="btn btn-transactional btn-block log_in_btn" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/user/login&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;登入 / 註冊&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" data-js="header_login_link" testid="biblionav_login">登入 / 註冊</a> </li> <li aria-hidden="true" role="presentation" class="divider"></li> <li> <a href="https://sfpl.bibliocommons.com/dashboard/user_dashboard" class=" " data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/dashboard/user_dashboard&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;我的圖書館設定畫面&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_mylibrary">我的圖書館設定畫面</a> </li> <li aria-hidden="true" role="presentation" class="divider"></li> <li class="dropdown-header">我的借閱</li> <li> <a href="https://sfpl.bibliocommons.com/checkedout" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/checkedout&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;已借出&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_checkedout">已借出</a> </li> <li> <a href="https://sfpl.bibliocommons.com/holds" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/holds&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;預借中&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_holds">預借中</a> </li> <li> <a href="https://sfpl.bibliocommons.com/recentlyreturned" class="hidden indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/recentlyreturned&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;借閱記錄&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" data-js="borrowing_history_menu_item" testid="biblionav_borrowing_history">借閱記錄</a> </li> <li> <a href="https://sfpl.bibliocommons.com/fines" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/fines&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;費用&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_fines">費用</a> </li> <li> <a href="https://sfpl.bibliocommons.com/v2/interlibraryloans" class="hidden indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/v2/interlibraryloans&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;ILL 要求&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}">ILL 要求</a> </li> <li aria-hidden="true" role="presentation" class="divider"></li> <li class="dropdown-header">我的收藏</li> <li> <a href="https://sfpl.bibliocommons.com/collection/show/my/library/for_later" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/collection/show/my/library/for_later&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;稍後處理書架&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_shelves_future">稍後處理書架</a> </li> <li> <a href="https://sfpl.bibliocommons.com/collection/show/my/library/completed" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/collection/show/my/library/completed&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;已完成書架&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_shelves_past">已完成書架</a> </li> <li> <a href="https://sfpl.bibliocommons.com/collection/show/my/library/in_progress" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/collection/show/my/library/in_progress&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;處理中書架&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_shelves_present">處理中書架</a> </li> <li> <a href="https://sfpl.bibliocommons.com/lists/show/mine" class=" indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/lists/show/mine&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;清單&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_lists">清單</a> </li> <li aria-hidden="true" role="presentation" class="divider"></li> <li> <a href="https://sfpl.bibliocommons.com/user_profile/me" class=" " data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/user_profile/me&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;我的資料檔,&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_myprofile">我的資料檔,</a> </li> <li aria-hidden="true" role="presentation" class="divider"></li> <li> <a href="https://sfpl.bibliocommons.com/account" class=" " data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/account&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;我的設定&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_mysettings">我的設定</a> </li> <!-- Template: t_biblionav_account_selector --> <li data-js='biblionav_account_selector'></li> </ul> </div> </div> <!-- end BCNAV --> <script id="t_biblionav_divider" type="x-handlebars-template"> <li aria-hidden="true" role="presentation" class="divider" data-js="divider_{{divider_name}}"></li> </script> <script id="t_biblionav_account_trigger" type="x-handlebars-template"> {{#if logged_in}} <div class="cp_user_avatar sm home_patron" testid="user_avatar_{{user_id}}"> {{#if user_avatar}} <img src="{{user_avatar}}" class="img-circle" alt=""> {{else}} <div class="img-circle initial"><span aria-hidden="true">{{user_initial}}</span></div> {{/if}} </div> <span class="hidden-xs user_identity_name" aria-hidden= "true">{{user_name}}</span> <span class="sr-only hidden-xs" data-js="sr-only-dropdown-toggle" data-text-collapsed="使用者 {{user_name}}。" data-text-expanded="使用者 {{user_name}}。">使用者 {{user_name}}。</span> <span class="sr-only visible-xs" data-js="sr-only-dropdown-toggle" data-text-collapsed="適用於 {{user_name}}。連按兩下以展開。" data-text-expanded="{{user_name}} 的功能表會顯示彈現式視窗">適用於 {{user_name}}。連按兩下以展開。</span> {{else}} <span aria-hidden= "true" class="my_account_label">登入 / 我的 SFPL</span> <span class="sr-only" data-js="sr-only-dropdown-toggle" data-text-collapsed="使用者 登入 / 我的 SFPL。" data-text-expanded="使用者 登入 / 我的 SFPL。">使用者 登入 / 我的 SFPL。</span> {{/if}} <span class="icon-arrow" aria-hidden="true"></span> </script> <script id="t_biblionav_my_account_user_info" type="x-handlebars-template"> <li class="info" data-js="biblionav_my_account_user_info"> {{#if logged_in}} <div class="pull-left"> <div class="my-account"><b>我的帳號</b></div> </div> <div class="pull-right notification-buttons"> <a href="https://sfpl.bibliocommons.com/user_profile/me/notification_feed" class="btn btn-default btn-flat" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/user_profile/me/notification_feed&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;{{unread_notifications}} 個通知&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_notifications"> <i aria-hidden="true" class=" icon-bell"></i> {{#if unread_notifications}} <span class="badge" aria-hidden="true">{{unread_notifications}}</span> <span class="sr-only"> {{unread_notifications}} 個通知 </span> {{else}} <span class="sr-only">通知</span> {{/if}} </a> <a href="https://sfpl.bibliocommons.com/account/personal_information" class="btn btn-default btn-flat" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/account/personal_information&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;我的設定&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_mysettings"> <i aria-hidden="true" class=" icon-cog"></i> <span class="sr-only">我的設定</span> </a> </div> <a href="https://sfpl.bibliocommons.com/user/logout" class="btn btn-transactional btn-block log_out_btn" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/user/logout&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;登出&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" testid="biblionav_logout">登出</a> {{else}} <a href="https://sfpl.bibliocommons.com/user/login" class="btn btn-transactional btn-block log_in_btn" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/user/login&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;登入 / 註冊&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" data-js="header_login_link" testid="biblionav_login">登入 / 註冊</a> {{/if}} </li> </script> <script id="t_biblionav_account_selector" type="x-handlebars-template"> <ul> <li aria-hidden="true" role="presentation" class="divider"></li> <li aria-hidden="true" role="presentation" class="dropdown-header"> 切換圖書館帳戶 </li> {{#each accounts}} <li> <a href="https://{{link}}" class="indented" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_value&quot;:&quot;https://{{link}}&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;{{text}}&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;header-account-menu&quot;}}]}" data-js="switch_linked_library" data-host="{{link}}" testid="biblionav_multiaccount_lib_{{text}}"> {{text}} <i aria-hidden="true" class=" icon-right"></i> </a> </li> {{/each}} </ul> </script> </div> </div> </div> </div> </div><!-- /.cp_header_biblio_bar --> <div class="header_main"> <div class="client_and_search" data-test-id="header-desktop-search"> <div class="container"> <div class="pull-left cp_header_client_area"> <div class="pull-left logo"> <a href="http://sfpl.org"><picture><source media="(max-width: 991px)" sizes="64px" srcset="//cor-liv-cdn-static.bibliocommons.com/images/CAL-SFPL/mobile_logo.png?1739800776879" /><img alt="San Francisco Public Library" src="//cor-liv-cdn-static.bibliocommons.com/images/CAL-SFPL/logo.png?1739800776879" title="" /></picture></a> </div> <div class="pull-left visible-xs-block visible-sm-block xs_icon_triggers"> <a href="#" aria-label="主要導覽" data-ga-category="mobile_header_main_nav" data-ga-label="Mobile Main Nav" data-js="header_nav_xs_trigger" data-main-nav="true" data-target="header-main-nav" id="header_nav_xs_trigger" role="button"><i aria-hidden="true" class=" icon-menu"></i><span class="sr-only">主要導覽</span></a> </div> </div> <div class="visible-xs-block visible-sm-block xs_icon_triggers"> <a href="#" aria-label="開啟搜尋表單" class="header_search_xs" data-icon-off="icon-cancel" data-icon-on="icon-search" data-js="header_search_xs_trigger" role="button"><i aria-hidden="true" class=" icon-search"></i><span class="sr-only">開啟搜尋表單</span></a> </div> <div class="hidden-xs hidden-sm header_collapsible_search_wrapper"> <div class="header_search_wrapper header_search_wrapper_desktop header_search_catalogue" data-js="header_search_wrapper header_search_wrapper_desktop"> <div class="cp_header_search" id="header_search" data-js="header_search"> <div> <div class="pull-left"> <span class="connector" aria-hidden="true">搜尋</span> <div class="bootstrap-select-wrapper" data-test-id="header-other-search-options"><select aria-label="搜尋其他項目" class=" selectpicker form-control" data-dropup-auto="false" data-js="header_search_target" data-style="btn-flat btn-default" name="searchOpt" testid="search_scope"><option value="catalogue" data-action="https://sfpl.bibliocommons.com/search" data-query-field="q">目錄</option> <option value="articles" data-action="https://www.ezproxy.sfpl.org/login?url=https://search.ebscohost.com/login.aspx?authtype=ip,guest&amp;profid=eds&amp;custid=sfpl&amp;groupid=main&amp;direct=true&amp;site=eds-live&amp;scope=site&amp;bquery=__QUERY__" data-query-field="">文章及資料庫</option> <option value="website" data-action="https://sfpl.org/search-page?keys=__QUERY__&amp;type=this_site" data-query-field="">網站</option> <option value="Search_360" data-action="https://digitalsf.org/islandora/search/__QUERY__?type=dismax" data-query-field="">相片</option> <option value="Events" data-action="https://sfpl.org/zh-hant/events/#!/filters?keys=__QUERY__" data-query-field="">活動</option></select></div> </div> <form action="https://sfpl.bibliocommons.com/search" class="collapsible_search_form" data-js="header_search_form desktop_search_form" id="desktop_search_form" name="desktop_search_form"> <input data-js="header_search_origin" name="origin" type="hidden" value="user-query" /> <div class="pull-left"> <div data-js="header_target_search_options" data-target="catalogue"> <div class="form-group"> <span class="connector" aria-hidden="true"> 依據 </span> <!-- begin SEARCH TYPE --> <div class="bootstrap-select-wrapper" data-test-id="header-search-type-dropdown"><select aria-label="搜尋類型" class="form-control selectpicker form-control" data-dropup-auto="false" data-js="search_type" data-style="btn-flat btn-default" id="search_filter_id_1tis5pfju2029jjp0nvepehbdk" name="t" testid="search_filter"><option value="smart">關鍵字</option> <option value="title">題名</option> <option value="author">作者</option> <option value="series">叢書</option> <option value="subject">標題</option> <option value="tag">標籤</option> <option value="userlist">清單</option> <option value="user">使用者</option></select></div> <input data-js="search_category" id="search_category_id_1uc2i3fo2hgg5p9vm6i83lmqvl" name="search_category" testid="search_category" type="hidden" value="keyword" /> <!-- end SEARCH TYPE--> </div> </div> </div> <!-- begin SEARCH INPUT --> <div class="input-group header_search_box"> <label class="sr-only" for="search_box_id_2uegdlknmbglkn1rsgcvng7uv7">輸入搜尋查詢</label> <span class="main_search_input_wrapper" data-js="main_search_input_wrapper"> <input aria-activedescendant="" aria-autocomplete="both" aria-haspopup="listbox" aria-owns="header_auto_suggest_id_2rq40v0d5es1ibdkeprc66a1ch" autocomplete="off" class="form-control main_search_input text" data-js="main_search_input" id="search_box_id_2uegdlknmbglkn1rsgcvng7uv7" maxlength="1000" name="q" testid="main_search_input" type="search" /> <span class="header_search_filter_lock form-control-feedback" data-js="search_filter_locked" aria-hidden="true"> <svg aria-hidden="true" class="svg_icon " focusable="false" height="16" style="margin-top:10px;" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 11.998V3.998H17V1.998H7V3.998H8V11.998L6 13.998V15.998H11.2V21.998H12.8V15.998H18V13.998L16 11.998Z" /> </svg> </span> <button class="btn btn-link header_search_clear_button" data-js="header_search_clear_button" type="button"> <div class="sr-only"> 清除文字 </div> <svg aria-hidden="true" class="svg_icon svg_close_icon" focusable="false" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <rect width="2" height="16" x="6.964" y="-.036" fill="currentColor" transform="rotate(45 7.964 7.964)"/> <rect width="2" height="16" x="6.964" y="-.036" fill="currentColor" transform="scale(-1 1) rotate(45 0 -11.263)"/> </svg> </button> <div data-js="header_auto_suggest" class="cp_header_auto_suggest hidden"> <div data-js="auto_suggest_aria_messages" class="sr-only" role="alert" aria-live="polite" aria-atomic="false"></div> <ul id="header_auto_suggest_id_2rq40v0d5es1ibdkeprc66a1ch" data-js="suggestion-menu" class="dropdown-menu" role="listbox"></ul> <div class="hidden"> <svg aria-hidden="true" class="suggestion-skeleton-icon pulse" data-js="suggestion_skeleton_svg" focusable="false" height="14" preserveAspectRatio="xMinYMin meet" viewBox="0 0 10 10" width="14" xmlns="http://www.w3.org/2000/svg"> <rect fill="currentColor" width="2000" height="10"></rect> </svg> </div> </div> </span> <span class="input-group-btn"> <button type="submit" class="btn btn-primary btn-flat"> <i aria-hidden="true" class=" icon-search"></i> <span class="sr-only">搜尋</span> </button> </span> </div> <!-- end SEARCH INPUT --> </form> </div> <div class="pull-right small adv_search"> <a href="https://sfpl.bibliocommons.com/user/saved_searches" class="hidden" data-ga-category="header_saved_searches" data-js="save_search_overlay" testid="link_savedsearches">已儲存的搜尋</a> <a href="https://sfpl.bibliocommons.com/search" test_id="link_advancedsearch">進階搜尋</a> </div> </div> </div> </div> </div> </div><!-- /.client_and_search --> <div class="clearfix header_search_wrapper search_wrapper_xs header_search_catalogue" data-js="header_search_wrapper header_search_wrapper_xs" data-test-id="header-mobile-search"> <div class="col-xs-12"> <div class="cp_header_search" data-js="header_search"> <h2 data-js="header_search_title" class="header_search_title" tabindex="-1"> 搜尋 </h2> <div class="form-group"> <div class="bootstrap-select-wrapper" data-test-id="header-other-search-options"><select aria-label="搜尋其他項目" class=" selectpicker form-control" data-dropup-auto="false" data-js="header_search_target" data-style="btn-flat btn-default" name="searchOpt" testid="search_scope"><option value="catalogue" data-action="https://sfpl.bibliocommons.com/search" data-query-field="q">目錄</option> <option value="articles" data-action="https://www.ezproxy.sfpl.org/login?url=https://search.ebscohost.com/login.aspx?authtype=ip,guest&amp;profid=eds&amp;custid=sfpl&amp;groupid=main&amp;direct=true&amp;site=eds-live&amp;scope=site&amp;bquery=__QUERY__" data-query-field="">文章及資料庫</option> <option value="website" data-action="https://sfpl.org/search-page?keys=__QUERY__&amp;type=this_site" data-query-field="">網站</option> <option value="Search_360" data-action="https://digitalsf.org/islandora/search/__QUERY__?type=dismax" data-query-field="">相片</option> <option value="Events" data-action="https://sfpl.org/zh-hant/events/#!/filters?keys=__QUERY__" data-query-field="">活動</option></select></div> </div> <form accept-charset="UTF-8" action="https://sfpl.bibliocommons.com/search" data-js="header_search_form mobile_search_form" id="mobile_search_form" method="get" name="mobile_search_form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div> <input data-js="header_search_origin" id="origin" name="origin" type="hidden" value="user-query" /> <div data-js="header_target_search_options" data-target="catalogue"> <div class="form-group"> <span class="connector" aria-hidden="true"> 依據 </span> <!-- begin SEARCH TYPE --> <div class="bootstrap-select-wrapper" data-test-id="header-search-type-dropdown"><select aria-label="搜尋類型" class="form-control selectpicker form-control" data-dropup-auto="false" data-js="search_type" data-style="btn-flat btn-default" id="search_filter_id_304av22ljr9sr5bqn34gn0fkq0" name="t" testid="search_filter"><option value="smart">關鍵字</option> <option value="title">題名</option> <option value="author">作者</option> <option value="series">叢書</option> <option value="subject">標題</option> <option value="tag">標籤</option> <option value="userlist">清單</option> <option value="user">使用者</option></select></div> <input data-js="search_category" id="search_category_id_2k29bqm165b13hj1hb469iqs5r" name="search_category" testid="search_category" type="hidden" value="keyword" /> <!-- end SEARCH TYPE--> </div> </div> <div class="form-group"> <!-- begin SEARCH INPUT --> <div class="input-group header_search_box"> <label class="sr-only" for="search_box_id_5fptbla20iob4927076mud7c3f">輸入搜尋查詢</label> <span class="main_search_input_wrapper" data-js="main_search_input_wrapper"> <input aria-activedescendant="" aria-autocomplete="both" aria-haspopup="listbox" aria-owns="header_auto_suggest_id_2jlvv26pri8gijufaudeh6erq2" autocomplete="off" class="form-control main_search_input text" data-js="main_search_input" id="search_box_id_5fptbla20iob4927076mud7c3f" maxlength="1000" name="q" testid="main_search_input" type="search" /> <span class="header_search_filter_lock form-control-feedback" data-js="search_filter_locked" aria-hidden="true"> <svg aria-hidden="true" class="svg_icon " focusable="false" height="16" style="margin-top:10px;" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 11.998V3.998H17V1.998H7V3.998H8V11.998L6 13.998V15.998H11.2V21.998H12.8V15.998H18V13.998L16 11.998Z" /> </svg> </span> <button class="btn btn-link header_search_clear_button" data-js="header_search_clear_button" type="button"> <div class="sr-only"> 清除文字 </div> <svg aria-hidden="true" class="svg_icon svg_close_icon" focusable="false" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"> <rect width="2" height="16" x="6.964" y="-.036" fill="currentColor" transform="rotate(45 7.964 7.964)"/> <rect width="2" height="16" x="6.964" y="-.036" fill="currentColor" transform="scale(-1 1) rotate(45 0 -11.263)"/> </svg> </button> <div data-js="header_auto_suggest" class="cp_header_auto_suggest hidden"> <div data-js="auto_suggest_aria_messages" class="sr-only" role="alert" aria-live="polite" aria-atomic="false"></div> <ul id="header_auto_suggest_id_2jlvv26pri8gijufaudeh6erq2" data-js="suggestion-menu" class="dropdown-menu" role="listbox"></ul> <div class="hidden"> <svg aria-hidden="true" class="suggestion-skeleton-icon pulse" data-js="suggestion_skeleton_svg" focusable="false" height="14" preserveAspectRatio="xMinYMin meet" viewBox="0 0 10 10" width="14" xmlns="http://www.w3.org/2000/svg"> <rect fill="currentColor" width="2000" height="10"></rect> </svg> </div> </div> </span> <span class="input-group-btn"> <button type="submit" class="btn btn-primary btn-flat"> <i aria-hidden="true" class=" icon-search"></i> <span class="sr-only">搜尋</span> </button> </span> </div> <!-- end SEARCH INPUT --> </div> </form> <div class="form-group pull-right adv_search"> <a href="https://sfpl.bibliocommons.com/user/saved_searches" class="hidden" data-ga-category="header_saved_searches" data-js="save_search_overlay" testid="link_savedsearches">已儲存的搜尋</a> <a href="https://sfpl.bibliocommons.com/search" test_id="link_advancedsearch">進階搜尋</a> </div> </div> <!-- /.cp_header_search --> </div> </div> <div class="navbar yamm navbar-default hidden-xs hidden-sm cp_header_nav" data-js="header-top-nav"> <div class="container"> <nav class="navbar-collapse collapse col-md-12"> <ul class="nav navbar-nav header_main_nav" id="header_main_nav" aria-haspopup="true" data-js="header-main-nav"> <li class='dropdown desktop mobile' data-ga-category='header_top_level_nav' data-ga-label='探索' data-ga-event='show'><a href="#_menu" class="dropdown-toggle hide_trigger_icon" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;探索&quot;,&quot;ui_component_type&quot;:&quot;dropdown-menu&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-toggle="dropdown" testid="link_explore"><span aria-hidden="true">探索</span><span class="sr-only" data-js="sr-only-dropdown-toggle" data-text-collapsed="探索,摺疊" data-text-expanded="探索,展開">探索,摺疊</span><span aria-hidden="true" class="icon-arrow"></span></a><div class="dropdown-menu" data-listbox="true"> <div class="yamm-content"><div class="menu-column"><ul class="list-unstyled"><li class='desktop mobile'><a href="/" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;dashboard&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;最近活動&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="最近活動 - 探索" testid="link_whatsnew">最近活動</a></li><li class='desktop mobile'><a href="/explore/recent_arrivals" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;recent_arrivals&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;新書刊&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="新書刊 - 探索" testid="link_explorenewlyacquired">新書刊</a></li><li class='desktop mobile'><a href="/explore/awards" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;awards&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;獲獎書刊&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="獲獎書刊 - 探索" testid="link_exploreawards">獲獎書刊</a></li><li class='desktop mobile'><a href="/explore/bestsellers" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;bestsellers&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;暢銷書刊&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="暢銷書刊 - 探索" testid="link_explorebestsellers">暢銷書刊</a></li><li class='desktop mobile'><a href="/explore/featured_lists/staff_picks" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;featured_lists&quot;,&quot;action&quot;:&quot;show&quot;,&quot;id&quot;:&quot;staff_picks&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;員工精選&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="員工精選 - 探索" testid="link_e">員工精選</a></li><li class='desktop mobile'><a href="/explore/featured_lists/languages" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:{&quot;controller&quot;:&quot;featured_lists&quot;,&quot;action&quot;:&quot;show&quot;,&quot;id&quot;:&quot;languages&quot;}},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;國際語言&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;探索&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="國際語言 - 探索" testid="link_e">國際語言</a></li></ul></div> </div></div></li><li class='dropdown desktop mobile' data-ga-category='header_top_level_nav' data-ga-label='書本及其它資料' data-ga-event='show'><a href="#_menu" class="dropdown-toggle hide_trigger_icon" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;書本及其它資料&quot;,&quot;ui_component_type&quot;:&quot;dropdown-menu&quot;,&quot;ui_container_title&quot;:&quot;書本及其它資料&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-toggle="dropdown"><span aria-hidden="true">書本及其它資料</span><span class="sr-only" data-js="sr-only-dropdown-toggle" data-text-collapsed="書本及其它資料,摺疊" data-text-expanded="書本及其它資料,展開">書本及其它資料,摺疊</span><span aria-hidden="true" class="icon-arrow"></span></a><div class="dropdown-menu" data-listbox="true"> <div class="yamm-content"><div class="menu-column"><ul class="list-unstyled"><li class='desktop mobile'><a href="https://sflib1.sfpl.org/search*cht" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sflib1.sfpl.org/search*cht&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;傳統目錄&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;書本及其它資料&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="傳統目錄 - 書本及其它資料">傳統目錄</a></li><li class='desktop mobile'><a href="https://sfpl.org/index.php?pg=2000343003" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/index.php?pg=2000343003&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;讀者園地&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;書本及其它資料&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="讀者園地 - 書本及其它資料">讀者園地</a></li><li class='desktop mobile'><a href="https://sfpl.libanswers.com/ch/faq/125854" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.libanswers.com/ch/faq/125854&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;Link+&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;書本及其它資料&quot;,&quot;ui_container_type&quot;:&quot;header-navigation-menu&quot;}}]}" data-ga-category="header_sub_level_nav" data-ga-label="Link+ - 書本及其它資料">Link+</a></li></ul></div><div class="menu-column"></div> </div></div></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/node/18073" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/node/18073&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;電子圖書館&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;電子圖書館&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="電子圖書館">電子圖書館</a></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/services" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/services&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;服務&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;服務&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="服務">服務</a></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/kids" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/kids&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;兒童&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;兒童&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="兒童">兒童</a></li><li class='desktop mobile'><a href="https://themixatsfpl.org/zh-hant" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://themixatsfpl.org/zh-hant&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;青少年&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;青少年&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="青少年">青少年</a></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/calendar" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/calendar&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;本月活動&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;本月活動&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="本月活動">本月活動</a></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/locations" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/locations&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;圖書館地點&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;圖書館地點&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="圖書館地點">圖書館地點</a></li><li class='desktop mobile'><a href="https://sfpl.org/zh-hant/node/4677" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/node/4677&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;有關圖書館&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_title&quot;:&quot;有關圖書館&quot;,&quot;ui_container_type&quot;:&quot;header-navigation&quot;}}]}" data-ga-category="header_top_level_nav" data-ga-label="有關圖書館">有關圖書館</a></li> </ul> </nav> </div> </div> <!-- /.cp_header_nav --> <script id="t_biblionav_header_nav_xs" type="x-handlebars-template"> <div class="navbar yamm navbar-default cp_header_nav"> <nav class="col-xs-12"> {{{nav_html}}} </nav> </div> </script> </div> </div><!-- /.cp_header --> </div> </header> <div style="margin-top: 25px;"> <div data-react-class="SystemMessagesContainer" data-react-props="{}"></div> </div> <div class="container container_for_page"> <main id="page"> <div class="legacy_page_row"> <div id="top_banner"> </div> <div id="main" class="clearfix row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id=""> <div class="content error_500"> <div class="cp-internal-error"> <div class="main-error-content"> <h1 id="content-start" class="title">We're very sorry!</h1> <p class="description"> Something on our end isn't working properly. <br/> We're working hard to fix the problem. </p> <hr /> <h2>In the meantime, you can&hellip;</h2> <p class="description"> <a href="/dashboard"> 瀏覽圖書館目錄 &raquo; </a> </p> </div> <hr /> <div class="error-ids"> <div class="product-version"> BiblioCore: app34 Version 9.27.0 Last updated 2025/02/06 12:11 </div> 2025/02/17 14:15 </div> <div class="report-problem"> <h2>To report this problem&hellip;</h2> <p> Take a screenshot of this window and share it with your library. </p> </div> </div> </div> </div> </div> <!-- /#main --> </div> </main> <!-- /#page --> </div> <div data-react-class="FeedbackBoxContainer" data-react-props="{}"></div> <footer id="footer" class=""> <div class="footerContent clearfix container"> <div class="footerLinks"> <div class="library-custom-links"> <a href="https://sfpl.org/zh-hant/contact" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/contact&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;聯絡&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_1">聯絡</a> <a href="https://sfpl.org/zh-hant/databases" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/databases&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;文章和資料庫&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_2">文章和資料庫</a> <a href="https://sfpl.org/zh-hant/shujihemeiti/tuijianbiaoti" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.org/zh-hant/shujihemeiti/tuijianbiaoti&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;推薦標題&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_3">推薦標題</a> <a href="https://sfpl.libanswers.com/ch/faq/125845" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.libanswers.com/ch/faq/125845&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;館際互借&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_4">館際互借</a> <a href="https://sflib1.sfpl.org/search*cht" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sflib1.sfpl.org/search*cht&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;傳統目錄&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_5">傳統目錄</a> <a href="https://sfpl.libanswers.com/ch/" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.libanswers.com/ch/&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;常見問題&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_6">常見問題</a> </div> <div class="policy-links"> <a href="https://sfpl.bibliocommons.com/info/privacy" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/info/privacy&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;隱私權聲明&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_privacy">隱私權聲明</a> <a href="https://sfpl.bibliocommons.com/info/terms" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/info/terms&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;使用條款&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_terms">使用條款</a> <a href="https://sfpl.bibliocommons.com/info/accessibility" data-analytics-payload="{&quot;method&quot;:&quot;trackNavigate&quot;,&quot;args&quot;:[{&quot;metadata&quot;:{&quot;metadata_category_type&quot;:&quot;navigation&quot;,&quot;metadata_value&quot;:&quot;https://sfpl.bibliocommons.com/info/accessibility&quot;},&quot;ui&quot;:{&quot;ui_component_label&quot;:&quot;可存取性說明&quot;,&quot;ui_component_type&quot;:&quot;link-text&quot;,&quot;ui_container_type&quot;:&quot;footer-navigation&quot;}}]}" testid="footer_link_accessibility_statement">可存取性說明</a> </div> </div> </div> </footer> <div class="container"> <div class="appserver"> <div class="powered-by"> 由 BiblioCommons 提供技術。 </div> <div class="product-version"> BiblioCore: app34 Version 9.27.0 Last updated 2025/02/06 12:11 </div> </div> </div> <!-- begin POSITIONED ELEMENTS --> <div class="errorSpace messaging"> <div class="errors">[]</div> </div> <div class="messageSpace messaging"> <div class="messages">[]</div> </div> <div data-analytics='{ "Section":"Messaging" }'> <div class="messaging" data-test-id="top-message-container" id="id_1v718pj5kutkfvluk5dkmv4704"> <div class="messageContent"> <span class="message-icon"></span> <div class="top_message" id="msg_id_5f9go5s6i53fsneb950dd8shmc"> <a name=""></a> </div> </div> <div class="closeButton" data-js="close_system_message" data-test-id="message-close-button"></div> </div> <script type="text/javascript" charset="utf-8"> registered_messages.push( {element: 'msg_id_5f9go5s6i53fsneb950dd8shmc', key: [], type: ["message","error"]}); </script> </div> <div class="cp_bc_modal"> <div class="modal fade" id="master_modal" data-test-id="modal-container" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> </div> <!-- Currently, we cannot cache these templates because the content would change depending on the value of the feature flag.--> <script type="x-handlebars-template" id="discussion_flag_tpl" charset="utf-8"> <div class="flagging overlay-white" id="flag_{{content_id}}"> <div class="flag_selection"> <h4> <span class="flag_icon"><i aria-hidden="true" class=" icon-flag-empty"></i></span> 對此內容加註旗標,因為: <a href="https://help.bibliocommons.com/zh-hant/025ug/060reporting-inappropriate-content/" class="help_icon blockHijack inline" id="main_help_025ug/060reporting-inappropriate-content/_id_6fmsoehdsv3nblseqv79765ote" target="_blank"><i aria-hidden="true" class=" icon-info-circled"></i></a> </h4> {{#if flag_options.violates_appropriate_use_show_option}} <div class="types" testid="violates_appropriate_use"> <a href="#" data-js="type_form_trigger" data-type="violates_appropriate_use"><i aria-hidden="true" class=" icon-right-open"></i> 違反正確使用標準</a> </div> <form accept-charset="UTF-8" action="/{{controller}}/flag/{{content_id}}" class="flag_form" id="flag_form_violates_appropriate_use" method="post" style="display:none;" testid="flag_form_violates_appropriate_use"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w=" /></div> <input data-js="flag_type" id="flag_type" name="flag_type" type="hidden" value="VIOLATES_APPROPRIATE_USE" /> <input data-js="java-content-class" id="content_class" name="content_class" type="hidden" value="{{java_content_class}}" /> <p>請檢閱正確使用標準並告訴我們違反了哪些條款。</p> <input checked="checked" id="violation_type_UNRELATED" name="violation_type" type="radio" value="UNRELATED" /> 不相關 <br/> <input id="violation_type_UNLAWFUL" name="violation_type" type="radio" value="UNLAWFUL" /> 非法 <br/> <input id="violation_type_OBSCENE" name="violation_type" type="radio" value="OBSCENE" /> 淫穢 <br/> <input id="violation_type_MARKETING_SCHEME" name="violation_type" type="radio" value="MARKETING_SCHEME" /> 行銷方案 <br/> <input id="violation_type_ADVERTISING" name="violation_type" type="radio" value="ADVERTISING" /> 廣告 <br/> <input id="violation_type_PRIVACY_VIOLATION" name="violation_type" type="radio" value="PRIVACY_VIOLATION" /> 違反隱私政策 <br/> <input id="violation_type_VIRUS" name="violation_type" type="radio" value="VIRUS" /> 病毒 <br/> <input id="violation_type_RIGHTS_VIOLATION" name="violation_type" type="radio" value="RIGHTS_VIOLATION" /> 違反權利 <br/> <input id="violation_type_CRIMINAL_ADVICE" name="violation_type" type="radio" value="CRIMINAL_ADVICE" /> 犯罪諮詢 <br/> <p><label for="accept" class="review_standards"><input class="required" id="accept" name="accept" type="checkbox" value="1" /> 我已經檢閱過<a href="/info/terms" target="_blank">正確使用標準</a></label></p> <input class="btn btn-primary" name="commit" type="submit" value="提交" /> </form> {{/if}} {{#if flag_options.offensive_show_option}} <div class="types" testid="offensive"> <a href="#" data-js="type_form_trigger" data-type="offensive"><i aria-hidden="true" class=" icon-right-open"></i> 有攻擊性 (對我或我的社群)</a> </div> <form accept-charset="UTF-8" action="/{{controller}}/flag/{{content_id}}" class="flag_form" id="flag_form_offensive" method="post" style="display:none;" testid="flag_form_offensive"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w=" /></div> <input data-js="flag_type" id="flag_type" name="flag_type" type="hidden" value="OFFENSIVE" /> <input data-js="java-content-class" id="content_class" name="content_class" type="hidden" value="{{java_content_class}}" /> <p>此內容有攻擊性,因為:</p> <textarea class="required" id="reason" name="reason" placeholder="請輸入原因"> </textarea> <input class="btn btn-primary" name="commit" type="submit" value="提交" /> </form> {{/if}} {{#if flag_options.spoiler_show_option}} <div class="types" testid="spoiler"> <a href="#" data-js="type_form_trigger" data-type="spoiler"><i aria-hidden="true" class=" icon-right-open"></i> 透漏內容 (告知結局)</a> </div> <form accept-charset="UTF-8" action="/{{controller}}/flag/{{content_id}}" class="flag_form" id="flag_form_spoiler" method="post" style="display:none;" testid="flag_form_spoiler"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w=" /></div> <input data-js="flag_type" id="flag_type" name="flag_type" type="hidden" value="SPOILER" /> <input data-js="java-content-class" id="content_class" name="content_class" type="hidden" value="{{java_content_class}}" /> <p>此內容包含令人不悅的內容。</p> <p>某些人不想破壞結局。</p> <input class="btn btn-primary" name="commit" type="submit" value="提交" /> </form> {{/if}} </div> </div> </script> <!-- For the popout when user clicks "Contains Spoiler" on a tagged UGC. --> <script type="x-handlebars-template" id="ugc_flagged_content_spoiler_info" charset="utf-8"> <p><b>可能包含令人不悅的內容</b><br> 在您閱讀/觀看此內容之前,令人不悅的內容可能會洩漏您不希望知道的詳情。</p> </script> <!-- For the popout when user clicks "Contains Offensive Content" on a tagged UGC. --> <script type="x-handlebars-template" id="ugc_flagged_content_offensive_info" charset="utf-8"> <p><b>此內容已經加註標籤為有攻擊性</b><br> 此內容已經由其他使用者報告為有攻擊性。<a href="/info/terms">深入瞭解報告的內容。</a></p> </script> <script id="dropdown_filter_template" type="x-handlebars-template" charset="UTF-8"> <div class="cp_filter_overlay"> <h2 class="filter_title" data-js='overlay-title'>{{{title}}}</h2> <div class="list-group"> {{#each options}} <a class="list-group-item {{#if active}} active {{/if}}" href="#" data-js="filter-option" data-filter-attribute="{{filterAttribute}}">{{filterLabel}}</a> {{/each}} </div> </div> </script> <script type="x-handlebars-template" id="list_more_actions_tmpl" charset="utf-8"> <div class="more_actions_overlay"> <div class="content-header"> <button type="button" class="close close_top_right" data-js="close_button"> <span aria-hidden="true">&times;</span> </button> <h4 class="content-title" id="modal_label"> {{{sectionTitle}}} </h4> </div> <div class="content-body"> <h3 class="inline_bib_title">{{{bibTitle}}}</h3> <div class="more_actions_info" data-js="more_actions_info_container"></div> <div class="list-group more_actions_list" data-js="append-links"> </div> <a href="#" data-js="close_button" class="nevermind_link"> 否,返回 </a> </div> </div> </script> <script data-js="like_button_template" type="text/x-handlebars-template" charset="utf-8"> <button class="like_button {{liking_like_status liked}}" data-liked="{{liked}}" data-js="like_button" data-count="{{like_count}}" data-content-id="{{content_id}}" data-resource="{{resource}}"> {{liking_like_heart_icon liked}}{{liking_like_state liked display_text="true"}} </button> {{#if like_count_button_enabled}} {{#if like_count}} <button class="like_count_button" data-js="like_count_button">{{format_number_with_commas like_count}} {{liking_like_noun like_count}}</button> {{/if}} {{/if}} </script> <script data-js="like_breakdown_template" type="text/x-handlebars-template" charset="utf-8"> <a href="#" class="like_breakdown_close" data-js="like_breakdown_close"><i aria-hidden="true" class=" icon-cancel"></i></a> {{#liking_ifContentHasLikes like_count}} <h4 class="like_breakdown_heading"> {{#liking_if_single_user_liked like_count}} {{liking_liked_users_count like_count}} 人對此項目按讚 {{else}} {{liking_liked_users_count like_count}} 人對此項目按讚 {{/liking_if_single_user_liked}} </h4> <span class="like_usernames"> <i aria-hidden="true" class=" icon-heart"></i> {{#if liked}} 您{{#liking_unlessContentOnlyHasOneLike like_count}},{{/liking_unlessContentOnlyHasOneLike}} {{/if}} {{#each liked_users.users}} {{#if is_active}} <a class="like_username" href="/user_profile/{{id}}">{{username}}</a>{{#unless @last}},{{/unless}} {{else}} <span class="like_username" title="閒置的使用者">{{username}}</span>{{#unless @last}},{{/unless}} {{/if}} {{/each}} </span> {{#if liked_users.see_more}} <div class="like_usernames_see_more_wrap"> <a href="{{url}}" data-js="like_breakdown_see_more">查閱更多內容<i aria-hidden="true" class=" icon-down-dir"></i></a> <i aria-hidden="true" class="hidden icon-spinner" data-js="liked_users_spinner"></i> </div> {{/if}} {{else}} <h4 class="like_breakdown_heading">還沒有人對此項目按讚。當第一個按讚的人吧!</h4> {{/liking_ifContentHasLikes}} </script> <script id="tmpl_save_search_form" type="text/x-handlebars"> <form accept-charset="UTF-8" action="/user/save_search" class="form-inline save_search_form" data-js="save_search_form" data-remote="true" data-type="json" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="fzXSENaJfEwaJU7cejIJe78EsSL24ZczYm4wg+BS03w=" /></div> <div data-js="messaging"> </div> <button type="button" class="close close_top_right" data-js="close_button"> <span aria-hidden="true">&times;</span> </button> <input type="hidden" name="search_string" data-js="search_string"> <input type="hidden" name="inline_messaging" value="true"> <input type="hidden" name="original_search_name" data-js="original_search_name"> <div class="search_prompt"> <div class="form-group"> <label for="search_name"> 將搜尋另存為: </label> <input type="text" name="search_name" data-js="search_name" required class="form-control search_name_field" maxlength="100" value="{{current_query}}"> <div class="form_buttons"> <button type="submit" class="btn btn-primary" data-saving-text="<i class='icon-spinner animate-spin'></i> 正在儲存..." data-js="save_button"> <i aria-hidden="true" class=" icon-ok"></i> 儲存 </button> <a href="#" data-js="close_button" class="btn btn-default"> 取消 </a> </div> </div> </div> <div class="duplicate_search_prompt"> <div class="form-group"> <span> 您已經儲存一個名為「<span class="replace_query" data-js="search_name_replace"></span>」的搜尋。要以此取代原有的搜尋嗎? </span> <div class="form_buttons"> <button type="submit" class="btn btn-primary" data-saving-text="<i class='icon-spinner animate-spin'></i> 正在儲存..." data-js="save_button" name="replace" value="true"> 是,取代 </button> <a href="#" data-js="choose_new_name" class="btn btn-default"> 選擇新名稱 </a> <a href="#" data-js="close_button" class="btn btn-default"> 取消 </a> </div> </div> </div> </form></script> <script type="x-handlebars-template" id="confirmation_prompt_tpl" charset="utf-8"> <div class="content-header"> <button type="button" class="close close_top_right" data-js="close_button" data-test-id="modal-close-button"> <span aria-hidden="true">&times;</span> <span class="sr-only">關閉對話方塊</span> </button> <h4 class="content-title" id="modal_label"> {{#if title}} {{title}} {{else}} 您確定嗎? {{/if}} </h4> </div> <div class="content-body"> <p>注意:此動作無法復原。</p> {{#if message}}<p> {{message}}</p>{{/if}} <label for="conf_prompt_ignore" data-js="confirmation-prompt-do-not-show-again"> <input data-js="pretty-checkbox conf_prompt_ignore" id="conf_prompt_ignore" name="conf_prompt_ignore" testid="conf_checkbox" type="checkbox" value="1" /> 不要再顯示這個訊息 </label> </div> <div class="content-footer"> <input class="btn btn-transactional" data-js="conf_proceed_btn" data-test-id="confirmation-proceed-button" name="commit" testid="conf_proceed_btn" type="submit" value="是,我確定" /> <a href="#" class="nevermind_link link_contextual" data-js="close_button" testid="conf_cancel_btn">否,返回</a> </div> </script> <script data-js="user_card_template" type="text/x-handlebars-template" charset="utf-8"> <div class="card" testid="user_card_hover_{{id}}" data-test-id="user-card-content-{{id}}"> <div class="row card-row"> <div class="col-xs-3"> <span class="cp_user_avatar md {{libraryMembership}}" testid="user_avatar"> <a href="/user_profile/{{id}}"> {{#if avatar}} <img src="{{avatar}}" class="img-circle"> {{else}} <div class="img-circle initial"><span>{{initial}}</span></div> {{/if}} </a> </span> </div> <div class="col-xs-9 user-card-info"> <h4 class="user-card-username"> <a href="/user_profile/{{id}}" title="{{name}} 的「書單」" testid="user_profile_link" data-ga-category="user_card" data-ga-label="User Profile Link"> {{name}} </a> </h4> {{#if libraryName}} <p>{{libraryName}}</p> {{/if}} {{#if staff}}<p><span class="cp_staff_stamp">圖書館員</span></p>{{/if}} <p> <a href="/user_profile/{{id}}" title="{{name}} 的「書單」" data-ga-category="user_card" data-ga-label="User Profile Link" data-test-id="user-profile-link" > 檢視資料檔 </a> </p> <p> <a href="/user/login" class="btn btn-secondary btn-flat btn-sm" testid="logged_out_follow_user"><i aria-hidden="true" class=" icon-user-plus"></i>關注</a> <a href="/user/login" class="btn btn-secondary btn-flat btn-sm" testid="logged_out_ignore_user"><i aria-hidden="true" class=" icon-block"></i>忽略</a> </p> {{#if is_currently_logged_in_user}}<div class="status-label status-label-info">這是我!</div>{{/if}} </div> </div> </div> </script> <script charset="utf-8" data-js="tour_dots_template" type="text/x-handlebars-template"> <div class="pagination_dots"> {{#each steps}} <div class="dot {{#isTourDotFilledIn ../currentStep @index}}active{{/isTourDotFilledIn}}"></div> {{/each}} </div> </script> <div id="overlay" aria-hidden="true" role="application" data-js="overlay-container" data-test-id="overlay-container"> <div class="overlay-backdrop"></div> <div class="overlay-inner"> <div class="overlay-body" data-test-id="overlay-body"></div> <a href="#close-overlay" class="overlay-close js-close-trigger" data-test-id="overlay-close"> <i aria-hidden="true" class=" icon-cancel"></i> <span class="sr-only">關閉對話方塊</span> </a> </div> </div> <div class="popup-box-ie-position"> <div class="popout-box"> <div id="popout-box-content" aria-live="polite" aria-atomic="true" aria-relevant="additions"></div> <div class="popout-box-border"></div> <div class="popout-box-arrow"></div> </div> </div> <div class="spinner " data-test-id="" id="globalSpinner"> <img alt="" data-test-id="spinner-image" src="//cor-cdn-static.bibliocommons.com/assets/ajax-loader-2ad22ee6988a62b7f1661cb696219501.gif" title="" /> </div> <a class="btn btn-secondary cp_sticky_tab btn-float back_to_top" data-bottom="30" data-right="0" data-js="sticky_tab back_to_top"> <i aria-hidden="true" class=" icon-up"></i> 至頂端 </a> <!-- end POSITIONED ELEMENTS --> </div> <!-- /#ct_controller --> <!-- begin JS BLOCK --> <script src="//cor-cdn-static.bibliocommons.com/assets/vendor-e7f5299f7599200d9287850177cfc0e9.js" type="text/javascript"></script> <script type="text/javascript" src="/v2/sdk.js"></script> <script src="//cor-cdn-static.bibliocommons.com/assets/core-a81a5f350603029236bf885c354d1055.js" type="text/javascript"></script> <script src="//cor-cdn-static.bibliocommons.com/assets/controllers/info-4aa8c932ed2c9830d3a85c516ed44886.js" type="text/javascript"></script> <script src="//cor-cdn-static.bibliocommons.com/assets/pickadate/translations/zh_TW-44e0009518f5cbdee9605aab93d471b4.js" type="text/javascript"></script> <script> const sdk = window.BiblioCommonsSDK || null; if (sdk && sdk.onAnalyticsReady) { sdk.onAnalyticsReady(function(analytics) { let list = null; analytics.trackPageView({ list }); window.addEventListener('beforeprint', function() { analytics.trackPagePrint(); }); }); } else { console.error('BiblioCommonsSDK with onAnalyticsReady handler not found'); } </script> <!-- end JS BLOCK --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10