2

AJAXログインポータルを実装するための最良の方法は何ですか？
Stack Overflowのようなログインポータルを作成しています。これにより、ユーザーはサイトにログインするための複数の方法を選択できます。

たとえば、ユーザーが「サイトログイン」を使用し、AJAXを使用してログインパネルのdivまたはコンテンツを使用し、サインインフォームに更新するように、AJAXを選択するにはどうすればよいですか？

これらを異なるdivに配置してから、jQueryで表示または非表示にする必要がありますか、それとも別の方法を使用する必要がありますか？

<body>
     <ul id="login-options">
          <li>site login</li>
          <li>facebook</li>
          <li>google</li>
          <li>twitter</li>
     </ul>
</body?
4

1 に答える 1

2

最初にクリックイベントをオプションに添付します。

<ul id="login-options">
      <li id="site">site login</li>
      <li id="facebook">facebook</li>
      <li id="google">google</li>
      <li id="twitter">twitter</li>
 </ul>

1つの方法は、個別のdivにログインタイプごとにHTMLでフォームを追加し、非表示にすることです。オプションのajaxセレクターで、対応するdivを表示します。

 $("#site").click(function() {

        $("#div_site_login").show();

 });

2つ目は、jQuery内から動的にフォームマークアップをdivに追加することです。

   $("#div_site_login").html('your form here');
于 2012-10-09T05:42:41.090 に答える