-1
などが、今なぜコードの背後にあるjavascriptを呼び出すとエラーが出るのですか？
$('#myModal').modal('show');
のエラー）（私はクリックすると、ブートストラップモーダルを表示するには、背後にあるコードからJavaScript関数を呼び出していますし、それが警告のために働く：
Uncaught ReferenceError: $ is not defined at show (officeLogin.aspx:157) at HTMLInputElement.onclick (officeLogin.aspx:1)
コード：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8">
<title>Employee Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="" name="description" />
<meta content="themes-lab" name="author" />
<link rel="shortcut icon" href="assets/global/images/favicon.png" />
<link href="../../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="/assets/css/custom.css" rel="stylesheet" />
<link href="../../assets/css/login.css" rel="stylesheet" />
</head>
<body class="account2" data-page="login">
<form id="form1" runat="server">
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajax:ToolkitScriptManager>
<div>
<asp:UpdatePanel ID="UP_Message" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="Div_UPMessage" runat="server">
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UPanel" runat="server" UpdateMode="Always">
<ContentTemplate>
<asp:UpdateProgress ID="UpdateProgress2" runat="server">
<ProgressTemplate>
<div class="ajax-loading">
<div>
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<div class="container col-md-4 col-md-offset-4" id="login-block">
<div class="login-bg">
<i class="user-img icons-faces-users-03"></i>
<div class="login-logo">
<!-- <a href="" class="logo"></a> -->
<img src="/assets/img/logo.png" class="img-responsive" />
</div>
<div class="account-form">
<h3><strong>Login</strong> to your account</h3>
<div class="append-icon">
<ajax:ListSearchExtender ID="leo" runat="server" TargetControlID="ddlOffice" PromptCssClass="ddlFilter"></ajax:ListSearchExtender>
<asp:DropDownList runat="server" ID="ddlOffice" AutoPostBack="true" OnSelectedIndexChanged="ddlOffice_SelectedIndexChanged" CssClass="form-control" Style="margin-bottom: 8px;">
<asp:ListItem Text="-Select Office-" Value="0"></asp:ListItem>
</asp:DropDownList>
<i class="icon-user"></i>
</div>
<div class="append-icon">
<ajax:ListSearchExtender ID="lsso" runat="server" TargetControlID="ddlSubOffice" PromptCssClass="ddlFilter"></ajax:ListSearchExtender>
<asp:DropDownList runat="server" ID="ddlSubOffice" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="ddlSubOffice_SelectedIndexChanged" Style="margin-bottom: 8px;">
<asp:ListItem Text="-Select Sub Office" Value="0" />
</asp:DropDownList>
<i class="icon-user"></i>
</div>
<div class="append-icon">
<ajax:ListSearchExtender ID="lse" runat="server" TargetControlID="ddlUsers" PromptCssClass="ddlFilter"></ajax:ListSearchExtender>
<asp:DropDownList runat="server" ID="ddlUsers" CssClass="form-control" Style="margin-bottom: 8px;">
<asp:ListItem Text="-Select Sub Office" Value="0" />
</asp:DropDownList>
<i class="icon-user"></i>
</div>
<div class="append-icon m-b-20">
<asp:TextBox runat="server" TextMode="Password" ID="TextBoxPassword" placeholder="Password"
CssClass="form-control form-white password pass" Style="margin-bottom: 8px;" />
<i class="icon-lock"></i>
</div>
<asp:Button runat="server" ID="btnSign" OnClick="btnSign_Click" CssClass="btn btn-lg btn-dark btn-rounded ladda-button btn-block" Text="Login" />
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content" style="opacity: 0.8 !important; margin-top: 240px">
<div class="modal-body">
</div>
</div>
</div>
<!--Modal Ends-->
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<!-- BEGIN LOGIN BOX -->
<!-- END LOCKSCREEN BOX -->
<p class="account-copyright">
<%-- <span>Copyright © 2016 - NSDevelopers</span>--%>
</p>
<script src="../assets/global/plugins/jquery/jquery-1.11.1.min.js"></script>
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
function show() {
//alert("Show");
$('#myModal').modal('show');
}
</script>
</form>
</body>
</html>
は.csファイル：
if (!IsPostBack)
{
btnSign.Attributes.Add("onClick", "show()");
}
なぜそれがエラーをスローしますか？それを修正する際に助けてください。
jqueryライブラリファイルが正しくないと思われる –
jqueryファイルのアセットフォルダを確認してください。 –
コンソールをチェックインしてください。 jquery.minとbootstrap.jsファイルに404エラーが表示されることがありますが、パスが間違っているとは限りません。 –