IE 10 上带有 jquery 工具提示的 java 脚本错误

java script error with jquery tool tip on IE 10

本文关键字:工具提示 java 脚本错误 jquery IE      更新时间:2023-09-26

我有以下代码,可以在除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'

有没有办法解决错误?

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

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