jquery 함수가 작동하지 않습니다.

Question

div에 포함 된 리피터를 업데이트 패널 안에 넣었습니다. 페이지에 jquery 함수를 추가하여 효과를 추가했습니다. jquery 함수는 모든 page_load 이벤트에서 호출됩니다. 이 테스트 페이지를 노나 잘 작동하지만 마스터 페이지를 구현할 때 내 JQuery와 기능이

<script type="text/javascript"> 
function pageLoad(sender, args) { 
      // JQuery code goes here 
      function domReady() { 
       $('#btn1').click(showMessage); 
       $('#btn1').trigger('click'); 
      } 
        function showMessage() { 
       $('#message').fadeOut(10); 

       $('#message').slideDown(1000); 

      }; 

    $(domReady); 
}; 
</script>} 

어떤 효과를 표시하지 않고 HTML은 리피터에서

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <asp:Timer ID="Timer1" runat="server" Interval="5000" ontick="Timer1_Tick"> 
     </asp:Timer> 
     <br /> 
     <div style="height:480px;overflow:scroll;"> 
     <asp:Repeater ID="Repeater1" runat="server"> 
     <ItemTemplate> 

        <div id="message" > 
        <img id="image" alt="visitors" runat="server" src="~/icon-visitors.png" height="32" width="32" /></td><td> 
         <b>A New visitor come from </b><b class="data"><%#Eval("lt_country") %></b> &nbsp;&nbsp;<%#Eval("pk_id") %> <br /> 
        &nbsp; <b>Ip :- </b><%#Eval("lt_ip") %><b>/ Browser :-</b><%#Browser(Eval("lt_browser").ToString()) %><b>/ 
        Operating System :</b><%#Os(Eval("lt_browser").ToString()) %><br /><br /> 
        </div> 
       </ItemTemplate> 
     </asp:Repeater> 
     <button id="btn1" style="visibility:hidden;"></button> 
     </div> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
    </Triggers> 
</asp:UpdatePanel> 

Answer 1

입니다 대신 사용 이드는 버튼과 div에 클래스를 사용합니다. id는 고유해야하기 때문입니다. 이드를 주면 효과가 없을 것입니다.

스크립트와 HTML은 jQuery를 스크립트는 마스터 페이지에서 참조

<script type="text/javascript"> 
function pageLoad(sender, args) { 
      // JQuery code goes here 
      function domReady() { 
       $('#btn1').click(showMessage); 
       $('#btn1').trigger('click'); 
      } 
        function showMessage() { 
       $('.message').fadeOut(10); 

       $('.message').slideDown(1000); 

      }; 

    $(domReady); 
}; 
</script> 

<asp:Repeater ID="Repeater1" runat="server"> 
     <ItemTemplate> 

        <div class="message" > 
        <img id="image" alt="visitors" runat="server" src="~/icon-visitors.png" height="32" width="32" /></td><td> 
         <b>A New visitor come from </b><b class="data"><%#Eval("lt_country") %></b> &nbsp;&nbsp;<%#Eval("pk_id") %> <br /> 
        &nbsp; <b>Ip :- </b><%#Eval("lt_ip") %><b>/ Browser :-</b><%#Browser(Eval("lt_browser").ToString()) %><b>/ 
        Operating System :</b><%#Os(Eval("lt_browser").ToString()) %><br /><br /> 
        </div> 
       </ItemTemplate> 
     </asp:Repeater> 
     <button id="btn1" style="visibility:hidden;"></button>