我正在尝试在我的网站上设置“使用 Apple 登录”按钮。我希望按钮出现在两个地方 -
- 在导航栏中的下拉菜单中
- 在侧边栏中
但是,该按钮只呈现一次——该元素首先在 html 页面中定义。例如。它只会呈现导航栏按钮。如果我将该按钮注释掉,那么它将呈现侧边栏按钮。但永远不要同时在一起。
正如文档指出的那样,我正在页面标题中加载苹果脚本;
<head>
<meta charset="utf-8">
<title>Test</title>
<meta name="appleid-signin-client-id" content="[CLIENT_ID]">
<meta name="appleid-signin-scope" content="[SCOPES]">
<meta name="appleid-signin-redirect-uri" content="[REDIRECT_URI]">
<meta name="appleid-signin-state" content="[STATE]">
<meta name="appleid-signin-nonce" content="[NONCE]">
<meta name="appleid-signin-use-popup" content="true"> <!-- or false defaults to false -->
<script src="https://accounts.google.com/gsi/client" async defer></script>
<script type="text/javascript"
src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
</head>
我也在使用“使用 Google 登录”按钮,它没有这个问题。