要与 div 关联的事件

Question

我有一个 mvc 应用程序，我在其中从 Web 服务获取结果并将其作为属性分配给我的模型。现在我想要的是将此结果传递给 javascript 函数并显示一些警报。我有 javascript 中的代码，但找不到任何要与我的div 关联的特定事件，以便在页面显示时，它应该触发该警报（我已经尝试过div onload）。我无法将其附加到页面或除div 以外的任何其他内容的原因是，它是一个部分视图，单击每个菜单项时只加载/卸载div。需要一些帮助。

爪哇语

myobject.showVerificationStatus = function (verificationStatus) {
        alert("status: " + verificationStatus);
};

查看代码

@if (Model.HasAnyValue)
{
    var verStatus = Model.ClientVerificationStatus != null ? ((VerificationStatuss)Model.ClientVerificationStatus).ToString().ToUpper() : null;
    <div id="divVerificationStatus" class="divDetail_sectionTitle" onload="object.myObject.showVerificationStatus(@verStatus)"></div>
}

Answer 1

只需在页面上使用document.ready即可。从div中删除onload。将您的verStatus添加为data-*属性。请考虑以下示例：

您的查看代码 ：

@if (Model.HasAnyValue)
{
    var verStatus = Model.ClientVerificationStatus != null ? ((VerificationStatuss)Model.ClientVerificationStatus).ToString().ToUpper() : null;
    <div id="divVerificationStatus" class="divDetail_sectionTitle" data-status="@verStatus"></div>
                                                                 <!--^^^Add this-->
}

现在在document.ready上获取其data-status并alert它。

$(document).ready(function(){
     alert("Status - " + $("#divVerificationStatus").data('status');
});