我有按钮渲染,这是输出:
<form action="/Auth/LogOnPostAssertion" method="post" target="_top">
<input name="__RequestVerificationToken" type="hidden" value="M+ZFyksulpHW8asKultS/Y53gRs6eEli13rjL76+tc40ZB4WUbxAIpVMtsMnyGI2hXZ54DwyFypx/0UBlZqR+U7F/ALJRHiIGU9dCJpiohZHrlVEYZMgsF9HB14wruRia5A7jOidi4DlyfRriMjGrn63RMMJlLLHWIq5duSUiR4=" /><input
id="ReturnUrl" name="ReturnUrl" type="hidden" value="" /><input id="openid_openidAuthData"
name="openid_openidAuthData" type="hidden" value="" />
<div id="login-oauth-container">
<ul class="OpenIdProviders">
<li id="https://me.yahoo.com/" class="OPButton"><a href="#">
<div>
<div>
<img src="/Content/images/yahoo.gif" /><img src="http://www.google.com/" class="loginSuccess"
title="Authenticated as {0}" />
</div>
<div class="ui-widget-overlay">
</div>
</div>
</a></li>
<li id="https://www.google.com/accounts/o8/id" class="OPButton"><a href="#">
<div>
<div>
<img src="/Content/images/google.gif" /><img src="http://www.google.com/" class="loginSuccess"
title="Authenticated as {0}" />
</div>
<div class="ui-widget-overlay">
</div>
</div>
</a></li>
<li id="OpenIDButton" class="OpenIDButton"><a href="#">
<div>
<div>
<img src="/Content/images/openid.gif" /><img src="http://www.google.com/" class="loginSuccess"
title="Authenticated as {0}" />
</div>
<div class="ui-widget-overlay">
</div>
</div>
</a></li>
</ul>
<div style='display: none' id='OpenIDForm'>
<span class='OpenIdAjaxTextBox' style='display: inline-block; position: relative;
font-size: 16px'>
<input name='openid_identifier' id='openid_identifier' size='40' style='padding-left: 18px;
border-style: solid; border-width: 1px; border-color: lightgray' />
</span>
</div>
<div class="helpDoc">
<p>
If you have logged in previously, click the same button you did last time.
</p>
</div>
</div>
</form>
它也有webresource css。
但是,单击按钮不会执行任何操作。在nerddinner示例中,它会弹出您选择的提供程序的登录框。
我需要做些什么来完成这项工作?有没有我需要注意的事项清单?