尝试在单击 mvc 中的文本时打开一个弹出窗口答案

【问题标题】：Trying to open a popup on clicking the text in mvc尝试在单击 mvc 中的文本时打开一个弹出窗口
【发布时间】：2017-02-03 10:03:06
【问题描述】：

我想让给定的链接 (<td> @Html.DisplayFor(model => item.Status) </td>) 成为 mvc 中的超链接，其中数据动态来自数据库。并且在单击此文本时，应打开一个弹出窗口。任何想法将不胜感激。

【问题讨论】：

标签： c# jquery asp.net-mvc

【解决方案1】：

你不能通过点击@html.displayfor来打开弹窗，但是你可以使用这个方法来打开弹窗。

将@Html.DisplayFor(model => item.Status) 放入'div'或'span'并赋予它们唯一的id

示例：

$(document).ready(function(){
    $("#displayfor").click(function(){
       alert('message !..or use can use popup here');
    });
  
   $("#span").click(function(){
        alert('message !..or use can use popup here');
    });
});

<html>
  
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

  </head>
    <div id="displayfor">
  <h5>Click on <br>
    "@Html.DisplayFor(model => item.Status)" </h5>
     </div>
  
  <br>
  <br>
  <span id="span">
   <h5>Click on  <br>
     "@Html.DisplayFor(model => item.Status)" </h5> 
  

  </span>
  
  
  </html>

【讨论】：