2016-07-22 10 views
1

に動作していない私は私のMasterPage.masterでマスターページは、Visual Studioで

<head runat="server"> 
<meta charset="utf-8" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script type="text/javascript" src="<%# ResolveUrl("~/") %>script.js" ></script> 

<asp:ContentPlaceHolder id="head" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 

<body> 
    <div class="handle">Click me</div> 

</body> 

をこのコードを持っている私は私のscript.jsでこのコードを持って、私はクリックすると

$('.handle').on('click', function() { 
    alert('hello world'); 
}); 

を提出私が持っているはずの警告メッセージはありません。
私はこれは私があなたのコードを試してみました、私には罰金であるように思わVisual Studioで

enter image description here

答えて

0

私のプロジェクトのディレクトリである私のDefault.aspxの

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server"> 
</asp:Content> 

にこのコードを持っています。そのコードをあなたに教えてください。

MasterPage.master:

  <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

      <html xmlns="http://www.w3.org/1999/xhtml"> 
      <head runat="server"> 
       <title></title> 
       <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
       <asp:ContentPlaceHolder id="head" runat="server"> 
       </asp:ContentPlaceHolder> 
      </head> 
      <body> 
       <form id="form1" runat="server"> 
       <div> 
        <div class="handle">Click me</div> 
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 

        </asp:ContentPlaceHolder> 
       </div> 
       </form> 
      </body> 
      </html> 
      <script type="text/javascript"> 
       $('.handle').on('click', function() { 
        alert('hello world'); 
       }); 
      </script> 

のDefault.aspx:

  <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

      <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
      </asp:Content> 
      <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
      </asp:Content> 
+0

私はMasterPage.masterにを持っていますか?または "script.js"ファイルを使用する他の方法はありますか? –

1

DOMが作成される前に、あなたはあなたのJavaScriptを実行します。 DOMの読み込みが終了した後、jQueryのlive/on

$(document).ready(function() { 
    $('.handle').on('click', function() { 
    alert('hello world'); 
    }); 
}); 

にごscript.jsコードを変更するだけで動作します。別の方法として、div宣言の後にJavaScriptコードを記述します。

+0

うまくいってくれてありがとう –