通过透明容器单击jsplumb连接

时间:2012-03-30 21:29:28

标签: jquery canvas svg jsplumb

如果我连接了几个源/目标div,并且我有彼此靠近的连接(透明的svg-line容器矩形重叠),点击事件绑定到所有连接,我只能点击从另一个连接前面没有透明容器的连接。似乎我无法单击显示在它们前面绘制的jsplumb行的透明容器区域内的连接线。如果我定位一个源/目标对来扩展连接线,以便我可以点击该行的一部分在一个有问题的透明区域之外,它会按预期进行注册。

因此,如果我有7个div,它们之间有多个连接,并且我将它们排列成各个连接线重叠或彼此靠近,似乎我只能点击最后绘制的线(一个在视觉上在其余的顶部)。除非我可以点击未在上方任何线容器下方绘制的线的一部分,否则此顶部线下的所有线都不会响应。

我希望这是一个明确的解释。这似乎只发生在safari(在5.1.2测试)/移动safari(ios5)到目前为止 - 在chrome和firefox我可以点击任何连接线与完全相同的安排,没有什么是“阻止”,所以我可以看到它可以工作多么美妙:)。

我正在使用最新的jquery,jquery ui,jquery-touch-punch(用于ios源/目标拖动,工作得很好!)。

有关如何应对此阻止行为的任何想法? ipad支持对我的应用程序非常重要,当然还有safari。帆布模式似乎解决了这个问题,所以我可能只是诉诸于此,而我还没有测试过Internet Explorer 9。

你可以在这里看到这种情况的一个例子: http://jsplumb.org/jquery/dynamicAnchorsDemo.html

如果向下拖动框4使其连接线穿过5和6之间的连接,您应该看到2到4或1和4之间的线在它们在5之间的线下交叉的区域附近不可点击和6(问题只出现在safari中,如果在野生动物园中切换到画布渲染模式似乎没问题。)

0 个答案:

没有答案