0

私はWebGrid自分のプロジェクトで使用しています。ブラウザーで(ページの) コードを調べると、aspxコンソールにエラーが見つかりました。それは :TypeError: $(...).parent(...).delegate is not a functionエラー行をクリックすると、次のコードが表示されます:

$(function() {
$('table[data-swhgajax="true"],span[data-swhgajax="true"]').each(function() {
var self = $(this);
var containerId = '#' + self.data('swhgcontainer');
var callback = getFunction(self.data('swhgcallback'));
/*here comes the error*/
$(containerId).parent().delegate(containerId + ' a[data-swhglnk="true"]', 'click', function() {
$(containerId).swhgLoad($(this).attr('href'), containerId, callback);
return false;
});
})
});

メイン ASPX ページ コード:

<%using (Html.BeginForm("Action", "Dashboard", FormMethod.Post)) { %>
    <div id="MainDashboardDiv">
        <div class="UpperLiveTiles">
            <div id="RecentDiv">
                <a href="../CRM/RecentCRMRequest">
                            <h4 class="RequestTitle">Recent Requests</h4>
                        </a>
                        <%Html.RenderAction("RecentRequests", Model); %>
                    </div><!--End of RecentDiv -->
            <div id="PriorityDiv">
                        <a href="../CRM/HighPriorityCRMRequest">
                        <h4 class="RequestTitle">High Priority Requests</h4>
                        </a>
                        <%Html.RenderAction("PriorityRequests", Model); %>
                    </div><!--End of PriorityDiv -->
            </div><!--End of UpperLiveTiles -->
    </div><!--End of MainDashboardDiv -->
<%} %>

部分ビュー1 コード:

<%    
    var grid1var = new WebGrid(source: Model, defaultSort: "Id", fieldNamePrefix: "grid1", canSort: true, ajaxUpdateContainerId: "FirstDiv", canPage: true, rowsPerPage: 5);%>
<div id="FirstDiv">
    <%=
        grid1var.GetHtml(htmlAttributes: new { id = "grid1" }, tableStyle: "GridTable", headerStyle: "GridHeader",
        columns: grid1var.Columns(
                grid1var.Column(columnName: "Id", header: "ID", canSort: true),
                grid1var.Column(columnName: "Requester_Name", header: "Employee", canSort: true),
                grid1var.Column(columnName: "Estimated_Amount", header: "Amount", canSort: true),
                grid1var.Column(columnName: "Date_Created", header: "Date", canSort: true, format: item => item.Date_Created.ToString("dd-MM-yyyy"))
         ))
    %>
</div>

部分的な View2 コード:

<%    
    var grid2var = new WebGrid(source: Model, defaultSort: "Id", fieldNamePrefix: "grid2", canSort: true, ajaxUpdateContainerId: "SecondDiv", canPage: true, rowsPerPage: 5);%>
<div id="SecondDiv">
    <%=
        grid2var.GetHtml(htmlAttributes: new { id = "grid2" }, tableStyle: "GridTable", headerStyle: "GridHeader",
        columns: grid2var.Columns(
                grid2var.Column(columnName: "Id", header: "ID", canSort: true),
                grid2var.Column(columnName: "Requester_Name", header: "Employee", canSort: true),
                grid2var.Column(columnName: "Estimated_Amount", header: "Amount", canSort: true),
                grid2var.Column(columnName: "Date_Created", header: "Date", canSort: true, format: item => item.Date_Created.ToString("dd-MM-yyyy"))
         ))
    %>
</div>

これがどのタイプのエラーかわかりません。

私は最終的にエラーをキャッチします：

システムで使用する既製のjqueryメニューが古いjqueryを使用しているためです。また、新しい Jquery バージョンと競合しています。そのメニューを削除しましたが、すべて正常に動作しています。

4

2 に答える 2

2

$(document)代わりに使用してください：

$(document).delegate(containerId + ' a[data-swhglnk="true"]', 'click', function() {
    $(containerId).swhgLoad($(this).attr('href'), containerId, callback);
    return false;
});

or you can place the id or class of the parent.

ノート：

.delegate()少なくとも jQuery バージョン 1.4.2 が必要です

.live()少なくとも jQuery バージョン 1.3 が必要です ( deprecated: 1.7, removed: 1.9)

.on()jQuery バージョン 1.7 以降が必要

したがって、使用している場合は使用してjquery 1.9ください.on()。

于 2013-02-13T05:48:36.197 に答える
0

その要素のイベントをオンザフライでバインドする必要がある場合は、 $(document).delegate("正確なセレクター","イベント","呼び出す関数") を参照してください。

ご覧のとおり、このコードは実行時に生成されているとのことです。aspx のコード スニペットと生成されたコードを教えてください。

于 2013-02-13T06:18:23.877 に答える