有条件地运行javascript函数-Razor，HTML

Question

现在，我有一个使用用户选择和数据动态创建的表。 有时，数据有错误，我想在表中告知用户。

剃刀（链接将您带到〜/ ControllerName / givenID）

<tr id="@givenID">
     <td>@Html.ActionLink(name, someMethod, "ControllerName", new { id = givenID }, new { title = "", id = givenID })</td>

     @if (errorConditions)
     {
     <div id="@givenID" onload="addErrorMessage(this)"  data-test="ErrorMessage" style="display: none"></div>
     }
</tr>

Java脚本

$(function () {
  //adding custom tooltip to document
  $(document).tooltip();

  //adding error message to standard
  function addErrorMessage(element)  {
    var theElemOfID = document.getElementById(element.id);
    theElemOfID.title = element.attr("data-test");
    theElemOfID.style.color = rgb(255, 0, 0);
  } });

我正在尝试为ActionLink添加标题（以便它可以由工具提示使用），并且还更改链接的颜色，但是仅当errorConditions为true时才可以。

现在，当我跑步时，什么也没发生。 addErrorMessage从不调用，但是所有信息都位于我期望的位置（如链接中具有正确的ID等）。

有人有主意吗？

Answer 1

onload仅在<body>上受支持，但是强烈建议您不要使用内联事件处理程序！

使用内联脚本，如下所示（使用jQuery，因为您似乎正在使用它）：

@if (errorConditions)
{
    <div id="@givenID" data-test="ErrorMessage" style="display: none"></div>
    <script>
        $(function() {
            addErrorMessage($('#@givenID'));
        });
    </script>
}

有条件地运行javascript函数-Razor，HTML

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-03-31 20:54:17

有条件地运行javascript函数-Razor，HTML

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-03-31 20:54:17

解决方案1
0 已采纳 2015-03-31 20:54:17