Question

我有一个应用程序，它有三列布局，内容从左列到右列（当然还有后列）来回移动。在两者之间，有一个“命令菜单”——你可以根据诸如此类的事情来做。

交易是这样的——左边的项目是垂直排列的，你可以在上面表演。我想让命令菜单跟随鼠标（垂直，但在其列内），这样当选择一个项目进行操作时，菜单就会垂直对齐。

我完全（最好是？）愿意用jQuery做这件事，但我的尝试失败了。

以下是当前标记：

<table class="stuff_area">
    <tr>
        <td id="stuff_left">
            <div class="shipmentList">
                <asp:Literal ID="ltrShipments" runat="server"></asp:Literal>
            </div>
        </td>
        <td id="stuff_controls" class="stuff_area_input">
            <div id="follower">
                <input id="btnAll" type="button" value="All" /><br/>
                <input id="btnNone" type="button" value="None" /><br />
                <input id="btnStuff" type="button" value=">>" /><br />
            </div>
        </td>
        <td id="stuff_right"></td>
    </tr>
</table>

I m specifically interested in making the div with class="follower" float up an down. FWIW, I can t get any movement, so there is a good chance that getting me some vertical movement (I want to limit its movement to up/down) will get you the win.

想法？

Answer 1

  $(function() {
    $(".stuff_area td").mouseenter( function( event ) {
      $("#follower").offset({ top: $(this).offset().top });
    } );
  });

偏移量方法应该可以执行您想要的操作。我假设您的服务器控件创建了一个表，如果没有，请用更合适的选择器替换.stuff_area td。

友情链接