小编boo*_*aat的帖子

我使用CSS过渡从右到左动画鼠标悬停的容器.这适用于除Internet Explorer之外的所有浏览器.原因是我在CSS left属性中使用(并且需要使用)calc().

我在这里创建了一个现场演示:现场演示

CSS看起来像这样:

div {
    background: red;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 90%;
    -webkit-transition: left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}
div.translate-less {
    left: calc(90% - 4rem)
}

我在使用jQuery鼠标悬停时添加了.translate-less类:

$(document)
.on( 'mouseenter', 'div', function(){
    $(this).addClass('translate-less')
})
.on( 'mouseleave', 'div', function(){
    $('div').removeClass('translate-less');
})

现在我想在Internet Explorer中顺利过渡.为此,我甚至会抛弃这些特定浏览器的calc()并添加一个规则left: 85%;.但是IE 10和11已经放弃了对条件评论的支持,似乎没有办法专门针对这些浏览器.IE 10可以使用-ms-high-contrast-hack进行攻击 …

我安装了psycopg2

pip install psycopg2

它运作得很好.安装输出有几个警告

In file included from ./psycopg/psycopg.h:33:
./psycopg/config.h:71:13: warning: unused function 'Dprintf' [-Wunused-function]
static void Dprintf(const char *fmt, ...) {}
            ^
1 warning generated.

但最终它说

Successfully installed psycopg2

它也出现在我跑的时候pip list.

现在,当我尝试在python中导入它时,我收到一个错误:

$ python
Python 2.7.5 (default, Aug 25 2013, 00:04:04)
[GCC 4.2.1 Compatible Apple LLVM 5.0 (clang-500.0.68)] on darwin
Type "help", "copyright", "credits" or "license" for more information.
>>> import psycopg2
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
ImportError: No module …

我正在<li>通过页面加载几个元素.ajax()并将它们堆叠在一起。然后用户可以

• 拖动单个元素
• 单击“堆”以重建堆栈
• 单击“传播”​​以使用jquery.masonry()传播元素

问题出现在最后一个选项中：当展开项目时，元素会按照它们在网格中的指定位置移动，然后闪烁片刻回到它们的原始位置。

在此处观看视频：视频(Quicktime .mov)
在此处观看现场演示：现场演示

该问题仅在大约 50% 的时间内发生，而不是每次我传播物品时都会发生。例如，在上面的视频中，它只在我第二次也是最后一次点击“传播”​​时发生。我一直无法说出究竟是什么导致了错误的发生。该问题出现在 Mac 上的 Chrome 29.0.1547.57 中。Firefox 22 和 Safari 6.0.5 不受影响。我还没有尝试过任何其他浏览器。

单击传播链接时， .masonry() 以这种方式调用：

    $('.content').masonry({
        columnWidth: 180,
        gutter: 20,
        itemSelector: 'li',
        isResizeBound: false,
        isLayoutInstant: false
    });

我很感谢您提供有关如何解决此问题的提示。

更新：我注意到这个问题也出现在其他使用 jquery.masonry 的网站上，例如插件的网站本身。在此处查看视频：视频。其他人是否有同样的问题，或者这是我的设置（OS X 10.7.5，Chrome 29.0.1547.57）？

我正在使用一个名为GMaps3的优秀jQuery插件在网站上显示地图.我正在尝试使用.addMarker方法添加标记(我只知道地址,而不是lat和long)但在我的示例中它最多只添加11个标记.

我试图找出为什么某些标记没有显示而其他标记没有显示.

更新:显示的标记数不是常数.我编辑了一个地址字符串(感谢NgM)使其更具体,显示的标记数量增加到11.其他标记虽然不含糊,但不会显示.这是第一个出现的十几个.

这是一个显示问题的在线示例.