Tuesday, 27 August 2013

jquery function is not working

jquery function is not working

I have placed a repeater enveloped in a div inside an update panel.and add
a jquery function in the of page to add some effect on it. the jquery
function is called on every page_load event. it is working well n a test
page but doesn't show any effect when I implement it in the master page my
jquery function is
<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>}
and html is
<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>

No comments:

Post a Comment