小编mat*_*att的帖子

使用stop()延迟()或超时?

$('.file a').live('mouseenter', function() {
    $('#download').stop(true, true).fadeIn('fast');
}).live('mouseleave', function() {
    $('#download').stop(true, true).fadeOut('fast');
});
Run Code Online (Sandbox Code Playgroud)

我希望mouseenter函数有stop()1秒的延迟.所以,如果我将鼠标悬停在#downloadfadeIn应延迟1秒后启动.如果我同时将鼠标移出,fadeIn则不应该开始.抓住我?

我真的不知道怎么做,有什么想法吗?

javascript jquery delay hover

20
推荐指数
1
解决办法
2万
查看次数

su postgres:对不起?

我的新Mac OSX Lion机器上的postgreSQL设置有问题.

我似乎无法连接到该服务

$ createuser -a -d _postgres
Password: 
createuser: could not connect to database postgres: FATAL:  password authentication failed for user 
Run Code Online (Sandbox Code Playgroud)

我没有机会找到正确的密码.知道那可能是什么.我有一个localhost服务器的默认设置.当我尝试通过pgAdmin连接时也会发生同样的情况.

$ su postgres
Password:
su: Sorry
Run Code Online (Sandbox Code Playgroud)

我没有机会发现什么是错的?

database postgresql console su

20
推荐指数
2
解决办法
3万
查看次数

jQuery,JavaScript,HTML:如何在加载其他所有内容后加载图像?

嘿伙计们,我有一个非常复杂的页面,有很多脚本和相当长的加载时间.在该页面的顶部,我想实现jquery Nivo Slider(http://nivo.dev7studios.com/).

在文档中,它说我必须在div#slider中列出滑块的所有图像

<div id="slider">
    <img src="images/slide1.jpg" alt="" />
    <a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>
    <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
    <img src="images/slide4.jpg" alt="" />
</div>
Run Code Online (Sandbox Code Playgroud)

但是我可能有10张1000x400px的图像非常大.页面加载时会加载这些图像.由于它们在我的标题中,这可能需要相当长的时间.

我正在寻找一种方法来使用任何jquery Slider插件(如nivo滑块),但要么在我的页面上的其他所有内容都加载后动态加载图像或加载所有这些图像.

知道如何解决这个问题吗?

甚至还有一种方法可以在页面上的其他内容加载后启动javascript进程?如果有一种方法我可能有我的问题的解决方案(使用jquery ajax load()方法)...但是我不知道如何等待其他一切加载,然后启动所有图像的滑块.

javascript jquery image loading

18
推荐指数
1
解决办法
4万
查看次数

CSS:换行符忽略填充?

我不知道为什么会这样...... 

<div class="inner">
    <em class="wrapper tiny">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et </em>
</div>
Run Code Online (Sandbox Code Playgroud)

.inner应用了简单的左右边距.该em.wrapper标签具有施加的填充.

我不知道为什么第二行被浏览器宽度自动打破忽略了.wrapper盒子的填充?

有什么想法吗?

在此输入图像描述

css css3

17
推荐指数
1
解决办法
9369
查看次数

CSS:使用带有css伪类的图像精灵:before和:after

我以前从未尝试过.我创建了一个包含两个图标的图像精灵.每个图标宽26px.所以精灵是26x52px.

我有一个div.something或div.anything元素.根据它所在的课程,我想在左侧或右侧添加角帽.

因此,我正在定位.element相对,将:before伪类应用于img并将其置于绝对位置,高度和宽度为26px,因此只有精灵的一个图标适合.我还应用"overflow:hidden"以便隐藏精灵上的第二个图标.

.element {
    position:relative;
}

.element:before{
    content: url("../images/sprite.png");
    position: absolute;
    height:26px;
    width:26px;
    overflow:hidden;
}

.something .element:before {
    top: -2px;
    left: -2px;
}

anything .element:before {
    top: -28px;
    right: -2px;
}
Run Code Online (Sandbox Code Playgroud)

这适用于左角,我使用精灵中的第一个顶部图标.但是现在我想知道如何只在精灵中显示"任何.element"中的第二个图标.

所以实际上"掩码"应该定位在-2px,-2px但是里面的精灵img应该从-26px开始,所以显示第二个图标.

这可能与我现在这样做的方式有关吗?

css css-sprites sprite pseudo-class css3

16
推荐指数
1
解决办法
2万
查看次数

jQuery:像砌体这样的插件可以克服dom-order和3个项目大小

这可能很难解释.是否有类似jQuery砌体的类似插件能够检测预定义网格中的空间并移动和定位适合此空间的元素?

由于所有其他解释我的问题的方法都会变得复杂,我画了一个简单的图像来表明我的意思.

注意:这是一个流畅的响应式网页设计.

在此输入图像描述

所以我的dom-order是1,2,3.然而,当我在一定范围内折叠我的布局时,media-query我想动态地切换dom顺序或以不同方式定位元素.就像你在我的样本中看到的一样.

我知道有像jQuery MasonryjQuery Isotope这样的东西,但这两个插件都没有填满网格的所有空白区域.看看这个同位素截图...

在此输入图像描述

缺少一个元素.当然,在大多数情况下,这是您希望保持元素顺序的内容.在我的情况下,我不关心订单,我只想填补所有空间和空白.因此,就像你在上面看到我的草图一样,item-nr-3应该向上移动以适应空隙(因为它适合).如果有另一个item相同的尺寸,它将适合下面的间隙item-nr-3.

这有可能吗?是否有一些jQuery插件可以做到这一点?或者你还有其他的idaes?


一些额外的信息:items我正在谈论 的和盒子都设置为box-sizing:border-box所以我不必担心填充或边距.


更新: 以下是问题的实时示例:http://jsfiddle.net/r79u2/1/

jquery media-queries jquery-masonry responsive-design

16
推荐指数
1
解决办法
4488
查看次数

jquery:删除前两个孩子?

我在#mainmenu里面有三个td.

<table cellpadding="0" cellspacing="5" id="mainmenu">
    <tbody>
        <tr>
            <td valign="top" class="menu_sub">
                something
            </td>
            <td valign="top" class="menu_sub">
                something
            </td>
            <td valign="top" class="menu_sub">
                something
            </td>
        </tr>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

我想删除表格中的前两个td,我该怎么做?

$('#mainmenu td').remove();
Run Code Online (Sandbox Code Playgroud)

jquery

15
推荐指数
1
解决办法
1万
查看次数

css&html5:为什么我的身体顶部有间距?

我不明白.我有 …

body, html {
    height:100%;
    margin:0;
    padding:0;
}
Run Code Online (Sandbox Code Playgroud)

但是,即使内容不像窗口那样,我的浏览器也始终显示垂直滚动条.

在下面的屏幕截图中,您可以看到如果我检查它,顶部有这么小的间距 body.在html没有这个空间.

知道是什么原因引起的吗?

在此输入图像描述

html css html5

15
推荐指数
1
解决办法
1万
查看次数

CSS3在伪元素上转换(:after,:before)不起作用?

我正在显示title链接的属性:hover.title属性通过:after...  附加到链接

现在我想知道如何:after在悬停和悬停时为伪元素的不透明度设置动画.

HTML

<a class="link" href="#" title="something"></a>?
Run Code Online (Sandbox Code Playgroud)

CSS

.link {
    display:block;
    width:50px;
    height:50px;
    background:red;
}

.link:after {
    position:relative; 
    content: attr(title); 
    top:55px; 
    color:$blue; 
    zoom: 1; 
    filter: alpha(opacity=00); 
    opacity: 0;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.link:hover:after { 
    zoom: 1; 
    filter: alpha(opacity=100); 
    opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)

查看演示:http://jsfiddle.net/d2KrC/

任何想法为什么这不起作用?

css css3 pseudo-element css-transitions

15
推荐指数
2
解决办法
3万
查看次数

jQuery:parent()次3 - 如果我不知道选择器,如何避免父级的堆叠

我找不到这个问题的快速答案......

我在点击事件中并使用 $(this)

我试图在不知道它具有什么选择器的情况下选择三个级别的元素.

$(this).parent().parent().parent().attr('id')
Run Code Online (Sandbox Code Playgroud)

这很好,但有更好的方法吗?

喜欢parent(3x)或类似?

jquery parent

15
推荐指数
3
解决办法
6510
查看次数