Question

我收到错误未捕获引用错误：未定义ClickInfo（）。我在项目库中包含了所需的JS源文件。

我不确定代码中有什么问题......

<div id="dvRegion" runat="server">
          <h3>  <a href="#" id="InfoExpand" onclick="return ClickInfo()">
            <img src="../Styles/img/PlusCircle.png" id="InfoToggle" /></a>
         <asp:Label ID="Label1" runat="server" Text="Info:" /></h3>
            <div id="dvInfoRegion">
                <table> 
                    <tr>
                        <td>
                            <h5> <asp:Label ID="l1" runat="server" Text="a" /></h5>
                        </td>
                        <td>
                            <h6>
                                <div runat="server" id="dv1">
                                </div>
                            </h6>
                        </td>
                   </tr>
                    <tr>
                        <td>
                            <h5> <asp:Label ID="l2" runat="server" Text="b" /></h5>
                        </td>
                        <td>
                            <h6>
                                <div runat="server" id="dv2">
                                </div>
                            </h6>
                        </td>
                   </tr>
                    <tr>
                        <td>
                            <h5> <asp:Label ID="l3" runat="server" Text="c" /></h5>
                        </td>
                        <td>
                            <h6>
                                <div runat="server" id="dv3">
                                </div>
                            </h6>
                        </td>
                   </tr>
                </table>
            </div>
       </div> 


    <script type="text/javascript">
    $(document).ready(function () {
        $("#dvInfoRegion").hide();
        ClickInfo();
    });

    function ClickInfo() {
        toggleRegion($("#dvInfoRegion"), $("#InfoToggle"));
        return false;
    }

    function toggleRegion(region, toggle) {
        if (region.is(":visible")) {
            region.slideUp();
            toggle.attr("src", "../Styles/img/PlusCircle.png");
        }
        else {
            region.slideDown();
            toggle.attr("src", "../Styles/img/MinusCircle.png");
        }
    }

有人可以请看看代码并告诉我什么是错的？谢谢！

Answer 1

尝试事件处理并查看是否有效。在语法上比编写内联javascript更好。

从锚链接中删除onclick属性

<a href="#" id="InfoExpand">
    <img src="../Styles/img/PlusCircle.png" id="InfoToggle" />
</a>

和

$(document).ready(function () {
    $("#dvInfoRegion").hide();
    ClickInfo();

    $('#InfoExpand ').click(function() {
        ClickInfo();
    });
});

jQuery Uncaught Reference错误：未定义ClickInfo（）

1 个答案: