jquery功能不起作用

我已经在更新面板中放置了一个覆盖在div中的重复器，并在页面中添加了一个jquery函数来添加一些效果。每个page_load事件都会调用jquery函数。它运作良好な测试页，但是当我在母版页实现它没有表现出任何影响我的jQuery函数是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>

来源

2013-08-28 Vikas Rana

是jQuery的脚本在母版页中引用？ –

你在母版页上实现它吗？你确定这个js代码正在运行，当所有的html已经被渲染？ –

检查您的domReady是否在警报的帮助下工作。 –

在中继器，而不是使用id到按钮和div，使用class。因为id应该是唯一的。如果您提供身份证件，它将不起作用。

您的脚本和HTML应为如下

<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>

来源

2013-08-28 04:51:33

谢谢你回答我试试。 –

jquery功能不起作用

回答

相关问题