javascript - jQuery 函数在我的 MVC 应用程序中不起作用

Question

在我的 MVC 应用程序中，onclick 功能不起作用。

@section Scripts{
    <script src="~/Scripts/plugins/toastr/toastr.min.js"></script>
    <script>
        $(document).ready(function () {

            var page = 0;
            var type = "Category";

            function Count(param) {
                if (param === 1) {
                    page++;
                }
                else if (param === -1) {
                    if (count === 0) {
                        return;
                    }
                    page--;
                }

            }

            function Search() {
                var query = $("#searchquery").val();

            }

            function ListResult(param) {

                if (param === "Category") {
                    type = param;
                    page = 0;
                    $(".category_type").css({ "color": "green" });
                } else if (param === "Product") {
                    type = param;
                    page = 0;
                    $(".product_type").css({ "color": "green" });
                }

            }
        });
    </script>
}

在上面的代码中，有一个script标签是我的代码，下面的代码是html部分。我不明白为什么它不起作用。我写了警报来测试标签是否有效。它正在工作，但问题是 function is not defined

 <a class="btn btn-lg btn-primary" type="button" onclick="Search()">
                            @Resources.Resource.btn_Search
                        </a> 
 <a class="btn btn-white btn-sm" onclick="Count(1)"><i class="fa fa-arrow-left"></i></a>
                <a class="btn btn-white btn-sm" onclick="Count(-1)"><i class="fa fa-arrow-right"></i></a>

  <li><a href="#" onclick="ListResult('Category')" class="category_type type"style="color: green"><i class="fa fa-folder category_type type"style="color: green"></i> @Resources.Resource.Categories</a></li>
                            <li><a href="#" onclick="ListResult('Product')"class="product_type type"><i class="fa fa-folder product_type type"></i> @Resources.Resource.Products</a></li>

DaysOffer:193 Uncaught ReferenceError: Search is not defined at HTMLAnchorElement.onclick (DaysOffer:193)

我该如何解决。

提前致谢。

Answer 1

您已经在 document.ready 处理程序中定义了 Search() 函数，因此它不在 window 的范围内，因为它当您从 on* 事件属性调用该函数时需要。您的 Count() 和 ListResult() 函数也是如此。

要解决此问题，请将函数定义移动到正确的范围(即 $(document).ready() 之外)，或者使用不显眼的事件处理程序将事件附加到您的 JS 中代码。后者是迄今为止更好的方法。