小编mat*_*att的帖子

使用这样的文字:

<div class="element">
<span>N/A, Category</span>
</div>

我想摆脱每一次出现N/A.

这是我的尝试:

$('.element span').each(function() {
        console.log($(this).text());
        $(this).text().replace('N/A, ', '');
    });

记录的文本是范围内的文本,因此选择器是可以的.

我在这做错了什么？

那有什么不对？

$('body').append("<div class='message success'>Upload successful!</div>");
$('.message').delay(2000).remove();

我想在我的html文档中附加成功消息,但仅持续2秒.之后,应该再次删除div.

我在这做错了什么？

问候

我想知道这是否可能与简单的CSS或如果我必须使用javascript为此？

我的网站上有一个侧边栏.一个简单的div#sidbar它通常高约1024px,但由于它的内容,高度会动态变化.

让我们想象一下以下情况:

<div id="sidebar">
   <div class="widget"></div> //has a height of 100px
   <div class="widget"></div> //has a height of 100px
   <div id="rest"></div> //this div should have the rest height till to the bottom of the sidebar
</div>

我希望div#rest填充侧边栏的其余部分,直到它到达div#sidebar的底部.

纯css有可能吗？

<a href="http://www.website.com/something" title="Show Profile">Mentalist</a>

每当超链接的标题为"显示配置文件"时,我想删除超链接并仅用文本替换它.

而不是

<a href="http://www.website.com/something" title="Show Profile">Mentalist</a>

我想只有Mentalist.

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

我希望我的网页只能垂直滚动.所以我已经设定overflow-x:hidden;了我的.page-wrapper.我.page-wrapper把两个绝对定位的层叠在一起.单击按钮时,顶层滑动到侧面(如上所述position:absolute;)并使网站实际上比100%视口更宽 - 因此它可以水平滚动.

为了防止水平滚动我设置overflow-x:hidden为我的.page-wrapper.

如果我这样做,我的正常内容的垂直滚动实际上是错误的,并且无法正常工作.

任何想法如何解决？

UPDATE

-webkit-overflow-scrolling: touch;似乎工作得很好,因为没有javascript正在改变任何高度.请参阅以下示例.我在这里做的是将主体的高度更新为第二层的内容高度 - 因此一旦上层向左滑动,就没有空的滚动空间.当向上滑动上层时,我style从主体上移除了attribte (设置高度).在这样做后,滚动再次波动.

function showInfos(show) {

    if ( show ) {
        $('#videos').addClass('slid');
        $('body').height($('#infos > .content').height());
        $('#page-wrap').addClass('no-overflow');
    } else if ( !show ) {
        $('#videos').removeClass('slid');
        $('#page-wrap').removeClass('no-overflow');
        $('body').removeAttr('style');
    }
}

是否有任何漂亮和干净的方法或技巧,以确定用户是否在触摸设备上？

我知道有类似的东西 var isiPad = navigator.userAgent.match(/iPad/i) != null;

但我只是想知道是否有一个技巧来确定用户是否在Touch设备上？因为有更多的触摸设备和平板电脑,那么只有iPad.

谢谢.

我的导航结构如下所示:

<div class="menu">
    <ul>
        <li><a href="#">Page 1</a></li>
        <li><a href="#">Page with Subpages</a>
            <ul class="children">
                <li><a href="#">Page with another subpage</a>
                    <ul class="children">
                        <li><a href="#">subsubpage</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">Page 3</a></li>
        <li><a href="#">Page 4</a></li>
    </ul>
</div>

我希望所有<li>有子导航孩子的人都有一个小箭头,所以用户知道这个页面有子页面.

是否可以在纯css中检测是否<li>有孩子ul.children？在上面的示例中,"带子页面的页面"应该应用向下箭头,并且"页面带有另一个子页面"也是如此.

现在我正在使用jquery来解决这个问题:

$(function() {
    $('.menu a').each(function() {
        if ( $(this).parent('li').children('ul').size() > 0 ) {
            $(this).append('<span class="dwn">?</span>');
        }           
    });
});

有一种简单的纯CSS方式吗？

谢谢.

我正在开发一个响应式网页设计,将4列中的多个项目并排放置.这些物品具有不同的高度,因此漂浮不起作用.

这就是目前发生的事情:

漂浮错误http://f.cl.ly/items/05233z0M0H0x1t1K331B/floating-wrong.png

关于如何使元素浮动的任何想法:

右侧漂浮http://f.cl.ly/items/300e1s0o0p1r1P3k2U3z/floating-right.png

我想这应该适用于jQuery"砌体",对吧？但是我正在使用Zepto.js,我猜一个jQuery插件不起作用.

是否有任何纯CSS(CSS3)方式？有些窍门？

如果这不适用于纯CSS或JS,则可以这样做:

浮动不同http://f.cl.ly/items/0p3O1k0d332c242c0G0F/floating-different.png

现在,第5行,第6行和第7行不会像你期望的那样"真正"浮动,但内部有一个隐藏的换行符(clearfix).

纯CSS有没有办法解决这个问题？例如使用nth-child(4n+4)和伪选择器喜欢:after应用换行符content吗？

有什么想法吗？任何聪明的技巧使这项工作？

我的博客内容div与id的#content.当我选择它时,例如使用Firebug,它概述了它的全部高度,div其顶部和底部的所有填充和边距.

jQuery height()只返回元素本身的内部高度.

如何查询元素的完整高度？如果其他元素中有很多填充和边距,我希望它们全部加起来并作为一个值.

我应该使用哪种方法？

BreakHere ...

我想知道是否有可能为%20换行编写类似(代表空格)的东西.所以我希望在我的电子邮件正文中有单独的行.

有任何想法吗？