0

他の3ページで使用していて正常に機能するため、コードが機能することはわかっていますが、モバイル版のWebサイトを作成することにしました。基本的に、コードはリアルタイムでログインするために使用されます。ユーザーデータをシリアル化し、「ログイン」メッセージを表示してから、ajaxリクエストをファイルに送信します。そのファイルからの応答の内容がログインメッセージに置き換わり、状況に応じてさまざまなことが起こります。私は実際の例からコードを直接移植しましたが、コードに多くの変更が加えられたにもかかわらず、jqueryがまったく起動していないようです。これが私のjqueryコードです：

function login() {
    var dataString = $('#login_form').serialize();
    console.log(dataString);
    $(".menu_login_form").html("<center>Logging in...</center>");
    $.ajax({
      type: "POST",
      url: "../include/actions/login.php",
      data: dataString,
      cache: false,
      success: function(html){
        $(".menu_login_form").html(html);
      }
    });
    return false;
  };
  $("#login_form").on("submit", login);

そしてここに私のhtmlコードがあります：

<div class="menu_login_form">
  <form id="login_form" method="post">
    <input type="text" name="username" placeholder="Username"><br>
    <input type="password" name="password" placeholder="Password" style=""><br>
    <input type="checkbox" name="remember" checked="checked" style="margin:0;margin-right:10px;margin-top:-2.5px"><span>Remember Me</span><br>
    <input type="submit" value="Login..." id="login_form_btn" class="btn">
  </form>
</div>

誰かがここで何が悪いのか知っていますか？

編集：私は今それを機能させています、私はそれを間違った場所に置いただけです-joeframbachそれがそこにある唯一のものだったので私はあなたの答えを受け入れました。すべての提案をありがとう。

4

1 に答える 1

0

ドキュメント対応の呪文でそれを包みます。これにより、jqueryは、ページが完全に読み込まれるまで待ってから何かを実行するように指示されます。

$(function() {
function login() {
    var dataString = $('#login_form').serialize();
    console.log(dataString);
    $(".menu_login_form").html("<center>Logging in...</center>");
    $.ajax({
      type: "POST",
      url: "../include/actions/login.php",
      data: dataString,
      cache: false,
      success: function(html){
        $(".menu_login_form").html(html);
      }
    });
    return false;
};
$("#login_form").on("submit", login);
});
于 2013-03-23T21:43:09.593 に答える