jQuery-重新定位div onclick以与表行对齐

正如我的另一篇帖子所指出的，我对jQuery没有太多经验，对此我深表歉意。我想做的似乎很简单

概述： 我将一个表包装在一个div中。在该表中，每一行代表一个不同的元素。我将其设置为当在每行中单击链接时，该元素的相应数据将显示在表旁边的div中。这部分是有效的

我想做的是： 我希望弹出div的顶部与所选的表行内联显示

以下是我的简化代码：

    <div id="container" style="display:inline-block">
       <table>
          <tr id="selected_row">
             <td>
                <a href="/gohere" onclick="updatePos('#param_detail_container');">
                   @Html.DisplayFor(model => item.Name)
                </a>
             </td>
          </tr>
       </table>
    </div>

    <div id="popupDiv" style="display:inline-block; position:absolute; ">
        Contenet in here...
    </div>

---

“替换”位于jquery1.6.2.min.js的内部。我假设这与我如何设置popupDiv的top属性有关。有什么建议吗？

函数必须是全局函数，所以请将其置于

就绪

之外：

/*$(document).ready(function() {

});*/

function updatePos(popupDiv) {
      var top = $('#selected_row').offset().top;
      $(popupDiv).css({ top: top + "px" }).show();
   }

---

在您的情况下，无需使用

$（文档）。准备就绪

请告诉我这是否有帮助

<script type="text/javascript" src="~/Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      function updatePos(popupDiv) {
         var top = String($('#selected_row').offset().top);
             $(popupDiv).css("top", top + "px").show();
         };
      });
</script>

$（文档）.ready（函数（）{
函数updatePos（popupDiv）{
var top=String（$（“#选定的_行”）.offset（）.top）；
$（popupDiv）.css（“top”，top+“px”）.show（）；
};
});

这似乎正是我需要的。现在唯一的问题是当我单击时，它说css不是popupDiv的有效属性。这是因为它应该是$（popupDiv）.css（…）

/*$(document).ready(function() {

});*/

function updatePos(popupDiv) {
      var top = $('#selected_row').offset().top;
      $(popupDiv).css({ top: top + "px" }).show();
   }

<script type="text/javascript" src="~/Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
      function updatePos(popupDiv) {
         var top = String($('#selected_row').offset().top);
             $(popupDiv).css("top", top + "px").show();
         };
      });
</script>