jquery - 如何允许拖动影响另一个元素下的元素

Question

我正在制作一个类似于谷歌地图的 map 系统，右上角有一个迷你 map View 。问题是有时它会妨碍我希望能够拖动底部位，即使我在迷你 map 上开始拖动也是如此。有没有办法让这个事件通过迷你 map div？提前致谢!


编辑:
这是我的代码

        $('.Container').draggable({ 
              containment: "parent", 

              drag: function(event, ui) {   
                    var newLeft = (parseInt($('.Container').css('left'), 10)/-5)+80;
                    var newTop = (parseInt($('.Container').css('top'), 10)/-5)+80;                                              
                    $('.mini-viewport').css({'top': newTop, 'left': newLeft});                                      

            }

        });

还有我的html结构:

<div class="Viewport">

    <div class="mini-map">
        <div class="mini-viewport"></div>
    </div>

    <div class="Constrainer">    
        <div class="Container"></div>
    </div>  

</div>

这是我正在使用的 JsFiddle:
http://jsfiddle.net/thaiscorpion/XCCYe/

Answer 1

好吧，我找到了一个我最意想不到的解决方案:D

如果我在 css 中添加到小 map :

 pointer-events:none; 

它使所有输入都通过该元素传递到下面的任何元素，效果很好!不要认为 IE 支持这一点，但我仍然需要检查，所以如果有人知道跨浏览器的方式，请告诉我。

以下是有关指针事件的一些信息:
https://developer.mozilla.org/es/docs/CSS/pointer-events