Hi All,
I created a small page with 2 tabs. On the 1st tab I implemented a jQueryUI slider with styling. The 2nd tab I have a button when performs code with form postback.
If I click on that button (second tab is active), and selecting the first tab again the style of the slider control is empty (I see the slider control, but it has no background, no width, no min, no max, no value properties).
The page is:
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="avweb.WebForm1" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title><script src="../../../Scripts/jquery-2.0.3.min.js"></script><script src="../../../Scripts/jquery-ui-1.10.3.min.js"></script><script>
function init() {
$("#myslider").slider();
}
$(document).ready(init);
</script></head><body><form id="form1" runat="server"><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><ajaxToolkit:TabContainer ID="TabContainer1" runat="server"><ajaxToolkit:TabPanel HeaderText="TAB1"><ContentTemplate><div id="myslider"></div></ContentTemplate></ajaxToolkit:TabPanel><ajaxToolkit:TabPanel HeaderText="TAB2"><ContentTemplate><asp:Button ID="Button1" runat="server" Text="Button" /></ContentTemplate></ajaxToolkit:TabPanel></ajaxToolkit:TabContainer></ContentTemplate></asp:UpdatePanel></form></body></html>What should I do to NOT resetting the slider? Thanks