Ajax and jQuery - IE8

[Jako]

Hi everyone

I have a update panel that I use along with jQuery, what happens is that a panel is shown on a click of a radio button and then the user can add data into grid. This works 100% in FireFox and Chrome. The problem is that when I use IE8 I first get an error

Message: Unexpected call to method or property access.
Line: 1063
Char: 32442
Code: 0
URI: http://localhost:3895/..../Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a553a4a13-b3a5-4e6b-a152-b131051f1788%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-US%3a99e38628-ac51-4787-84f7-90d827ba8fe8%3a16e4e7cd%3af7645509%3a22a6274a%3a24ee1bba%3af46195d3%3a2003d0b8%3a1e771326%3aaa288e2d%3a7165f74%3a58366029%3a874f8ea2%3ac172ae1e%3a9cdfc6e7%3ae330518b%3ac8618e41%3ae4f8f289

Then when I do the post back, it adds a record, but the panel never shows again and when I click on the Add button again it does nothing, almost as if the button has been disabled. Here is the stripped code of the page

<asp:Content ID="Step1Content" ContentPlaceHolderID="ContentHolder" Runat="Server">
    <asp:UpdatePanel ID="uxInformationPanel" runat="server">
        <ContentTemplate>
        <div class="form1">
            .
            .
            <div id="uxBlackOwnershipPanel" style="display:none;">
                .
                .
                <asp:UpdatePanel ID="updateBlackOwnership" runat="server">
                    <ContentTemplate>
                        .
                        .
                        .
                        <div class="input_slide">
                            <telerik:RadButton ID="uxBlackOwnershipAdd" OnClick="uxBlackOwnershipAdd_Click" Text="Add" EnableEmbeddedSkins="false" Skin="CustomButton" runat="server" />
                        </div>
                        <div class="input_slide">
                            <telerik:RadGrid ID="uxBlackOwnershipGrid">
                                .
                                .
                            </telerik:RadGrid>
                        </div>
                    </ContentTemplate>
                </asp:UpdatePanel>
                .
                .
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
<script type="text/javascript">
    window.jQuery = window.$ = $telerik.$;
    function pageLoad(sender, args) {
        $("#<%=uxBlackOwnershipYes.ClientID%>").click(function() { $("#uxBlackOwnershipPanel").show(); });
        $("#<%=uxBlackOwnershipNo.ClientID%>").click(function() { $("#uxBlackOwnershipPanel").hide(); });

        var blackOwnership = $("#<%=uxBlackOwnershipYes.ClientID%>");
        if (blackOwnership.attr("checked") != "undefined" && blackOwnership.attr("checked") == "checked") {
            $("#uxBlackOwnershipPanel").show();
        }
    }
</script>
</asp:Content>

I have this in my MasterPage

<telerik:RadScriptManager runat="server" ID="RadScriptManager1">
     <Scripts>
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
         <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
     </Scripts>
 </telerik:RadScriptManager>

Why would this not work in IE if it works in all the other browsers I have tested?

Any ideas?

Thanks

[Jako]

wow, managed to fix the problem.

I had a <label> tag that I accidently named <lable>

works 100% now