Question

我有这个div，当它靠近父div的左侧时我想要隐藏。这就是它的样子：

┌-----------------------
| ┌------------------┐ 
|◄|                  |
| |                  |
| |                  |
| |                  |
| |                  |
| └------------------┘
└-----------------------

所以我把箭头div嵌在另一个div上。我想要做的是当它靠近容器div的左侧时隐藏箭头div。有没有办法用jQuery实现这个目的？

Answer 1

不确定。你可以使用position（）或offset（）来做到这一点。

Answer 2

在逻辑上，你必须采取立场，并不时采取行动，和/或触发事件......这取决于你。

<!DOCTYPE HTML>
<html lang="en-US">
       <head>
              <meta charset="UTF-8">
              <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
              <script type="text/javascript">
                     $(document).ready(function(){
                            var B = $( '#b' ).position();
                            var C = $( '#c' ).position();
                            alert ( B.left ) ;
                            alert ( C.left ) ;
                     });
              </script>
       </head>
       <body>
              <div id="a">
                     A
                     <div id="b">
                            B
                            <div id="c">
                                   C
                            </div>
                     </div>
              </div>
       </body>
</html>

Answer 3

建议内容的一个非常简单的示例：http://jsfiddle.net/8YC8y/

根据父div的位置隐藏带有jQuery的div

3 个答案: