在IE 10上使用jquery工具提示的javascript错误

时间:2013-09-18 16:24:58

标签: javascript jquery asp.net visual-studio-2010 internet-explorer-10

我有以下代码,除IE 10外,在所有浏览器上运行良好。

我在Visual Studio,.NET framework 4.0中运行我的代码。我刚刚更新到IE 10。

Java脚本代码

$(function () {
    var du = 1000;
    var tooltip;
    $(document).tooltip({
        show:{effect:'slideDown'},
        hide:{effect:'explode',pieces:20,duration:du,delay:du/100},
        track: true,

            items: "h5",
            content: function () {
                tooltip = $(this).siblings('.tooltip');
                return tooltip.html();
        }
    });
    });

aspx代码:

<asp:Repeater ID="rpt" runat="server" OnItemCommand="rpt_ItemCommand"
                                            OnItemDataBound="rpt_OnItemDataBound">
                                            <ItemTemplate>
                                                <asp:Panel ID="Pnl" runat="server">
                                                        <div class="tooltip" style="display: none">
                                                            <div style="text-align: center; font-weight: bold;">
                                                                <%# Eval("Name") %><br />
                                                            </div>
                                                            <table align="center">
                                                                <tr>
                                                                    <td>
                                                                        <div style="font-weight: normal">
                                                                            Calls
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div style="font-weight: normal">
                                                                            Success
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div style="font-weight: normal">
                                                                            Error
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <div style="text-align: center; font-weight: normal">
                                                                            <%# Eval("TotalCalls")%>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div style="text-align: center; font-weight: normal">
                                                                            <%# Convert.ToInt32(Eval("TotalCalls")) - Convert.ToInt32(Eval("ErrorCalls"))%>
                                                                        </div>
                                                                    </td>
                                                                    <td>
                                                                        <div style="text-align: center; font-weight: normal">
                                                                            <%# Eval("ErrorCalls")%><br />
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                            <div style="text-align: center; font-weight: normal">
                                                                Success Rate =
                                                                <%# ((decimal)Eval("PassPercentage") == -1) ? "0.0 %" : Eval("PassPercentage") + "%"%>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </asp:Panel>
                                            </ItemTemplate>
                                        </asp:Repeater>

我收到以下错误:

JavaScript runtime error: Object doesn't support property or method 'tooltip'

我有办法解决错误吗?

1 个答案:

答案 0 :(得分:0)

对于任何面临同样问题的人。将jquery引用更改为最新版本1.10.3解决了我的问题。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>