MVC Grid(VB):显示hover的详细信息

我今天在网上搜索了几个小时,发现了一些有用的东西,但我不能按照我的意愿100%工作。 如果有人可以帮助那将是太棒了! 在我下面的代码中,我删除了任何可能暴露我工作的业务可能不想分享的数据的东西,它们将以“”表示这是我的问题:我正在填充MVC网格

@Html.Grid(Model.Activities).WithModel(New (Html)).Sort(ViewData.Item("actgridsort")) 

这部分工作得很好,网格是显示支持团队在支持问题上采取的活动,我可以使用网格内的“详细信息”链接“钻取”每个活动,每个活动内部都有一个“注释”部分。 我试图让用户只是通过将鼠标hover在与该特定活动相关的网格上的单元格中来查看活动中的注释。 例如:活动101可能包含注释“Hello world”活动102可能包含“Goodbye World”

目前,如果我将鼠标hover在活动101上,我的代码会显示:

 hello world goodbye world 

但是,如果我将鼠标hover在102以上,则不显示任何内容。 我希望它在hover超过101时显示“Hello world”,在102以上显示“再见世界”等

这是我到目前为止的代码: – 查看—

  @code For Each Activity In Model.Activities @

Activity @Activity.ClgCode: @Activity.Notes
Next End Code

–JS–

  $(".ActivityDetails").hide(); $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $("td:first", this).text()).toggle() });  

以下是@satpal在控制台中输出的脚本由于隐私原因,我在这里删除了一些注释。

  
Details:
  PROBLEM WRITTEN HERE  

Activity No. Date Time Type Subject Priority Details Ochiba Contact Customer Contact
6625 06/01/2014 12:24 Support Website 0 Request for Further info from client NAME NAME2 Details
6627 06/01/2014 12:32 Support Website 1 NAME NAME2 Details
6628 06/01/2014 12:34 Support Website 0 Issue with Credit Card Payment NAME NAME2 Details
6630 06/01/2014 12:43 Support Website 0 Request for further information NAME NAME2 Details
6631 06/01/2014 13:07 Support Website 0 Issue with Credit Card Payment Sue Simpson Adrian Owen Details
6632 06/01/2014 13:25 Support Website 0 Update to client NAME NAME2 Details
6635 06/01/2014 15:57 Support Website 0 Update to client after investigation and referral to 3rd Par NAME NAME2 Details
6639 07/01/2014 09:01 Support Website 0 Response to client after update from 3rd Party NAME NAME2 Details
Activity 6625: NOTES HERE
Activity 6627: NOTES HERE
Activity 6628: NOTES HERE
Activity 6630: NOTES HERE
Activity 6631: NOTES HERE
Activity 6632: NOTES HERE
Activity 6635: NOTES HERE
Activity 6639: NOTES HERE

$(".ActivityDetails").hide(); // $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $("td:first", this).text()).toggle() }); // $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $("td:first", this).text()).toggle() }); $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $(this).text()).show() }, function () { $(".ActivityDetails" + $(this).text()).hide() }); // $("table.grid tbody tr td:first").hover(function () { // var selectValue = $(this).siblings("td:first").html(); // $(".ActivityDetails" + $(selectValue, this).text()).toggle() });

非常感谢任何花时间阅读此内容的人。

试试吧

 $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $(this).text()).toggle() }); 

要么

 $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails" + $(this).text()).show() },function () { $(".ActivityDetails" + $(this).text()).hide() }); 

UPDATE

你在哪里使用不正确的标识符

 $(".ActivityDetails").hide(); $("table.grid tbody tr td:first-child").hover(function () { $(".ActivityDetails").hide(); $("#Activity" + $(this).text()).show() }); 

小提琴演示