Javascript ReferenceError：関数は定義されていませんが、

Question

コードをチェックしましたが、間違ったものは見つかりませんでした。

<!-- language: lang-html --> 

<div class="modal fade" id="loginModal" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div id="loginHeader" class="modal-header"> 
       <h4 class="modal-title">Oops, something not right.</h4> 
      </div> 
      <div id="loginContent" class="modal-body" runat="server"> 
      </div> 
      <div id="loginButton" class="modal-footer"> 
       <button type="button" class="btn btn-warning" data-dismiss="modal">OK</button> 
      </div> 
     </div> 
    </div> 
    <button type="button" style="display: none;" id="btnShowLoginModal" data-toggle="modal" data-target="#loginModal"> 
    </button> 
</div> 
<script src="../Scripts/javascripts/jquery.js"></script> 
<script src="../Scripts/javascripts/bootstrap.min.js"></script> 
<script type="text/javascript"> 
    function ShowLoginDialog() { 
     $("#btnShowLoginModal").click(); 
    } 
</script> 

この関数は、OnClickイベントのコードビハインドから呼び出されます。まだ部分が間違っているという手掛かりはありません。

protected void Button1_Click(object sender, EventArgs e) 
{ 
    string result = ValidateLogin(Username.Value, Password.Value); 

    if(result == MessageConstants.MessageSuccess) 
    { 
     Response.Redirect("~/Webpages/Character.aspx"); 
    } 
    else if(result == MessageConstants.MessageFail) 
    { 
     ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), "ShowLoginDialog()", true); 
    } 
    else 
    { 
     ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), "ShowLoginDialog()", true); 

    } 
} 

要素インスペクタからのエラー

Answer 1

RegisterStartupScript（）Webフォーム（</form>タグの前右）の最後にスクリプトブロックを発します。 source

しかし、あなたのモーダルコードとその後にShowLoginDialog関数が定義されています。その</form>タグをモーダルの後ろに移動してみてください。

Answer 2

document.ready()機能でコードを入れてください：headブロックに

$(document).ready(function() { 
    function ShowLoginDialog() { 
     $("#btnShowLoginModal").click(); 
    } 
}); 

Answer 3

移動

<script src="../Scripts/javascripts/jquery.js"></script> 
<script src="../Scripts/javascripts/bootstrap.min.js"></script> 
<script type="text/javascript"> 
    function ShowLoginDialog() { 
     $("#btnShowLoginModal").click(); 
    } 
</script> 

。そして、あなたはそれがこのようになりますようにShowLoginDialog機能を変更する必要があります。

function ShowLoginDialog() { 
    $(function() { 
     $("#btnShowLoginModal").click(); 
    }); 
}