小编And*_*lly的帖子

我正在研究整个响应式设计的事情并找到适合的流体网格 - 唯一的问题是当我尝试给任何列提供固定宽度时它们似乎会破坏.缩小屏幕时,列会浮出浮动状态.我原本期望一个宽度为百分比(或没有宽度)的流体柱只是为了收缩,将固定宽度的列留在原位.创建这样的混合流体/固定网格有多容易？我见过一个内联块而不是浮动块的解决方案,但跨浏览器有多好,它是一种干净的做事方式吗？

这是一个问题的例子:http://jsfiddle.net/andfinally/nJ97q/2/

谢谢!弗雷德

我正在尝试从Fancybox内容中的链接关闭Fancybox实例.我parent.jQuery.fancybox.close();按照这个问题的推荐使用.它第一次工作,但此后没有.有人可以建议修复吗？

我在页面中隐藏了我的内容div:

#content {
    display: none;
}

这里是启动Fancybox的链接,内容div包含关闭Fancybox的链接.

<a href="#" id="launch">Launch</a>

<div id="content">
    <p>Nunc porttitor pellentesque magna a pulvinar. Vestibulum id diam lectus. Praesent vel dictum est.</p>

    <a href="#" id="close">Close</a>
</div>

这是我的JS.我已经尝试将事件处理程序添加到打开Fancybox的关闭链接,但它没有帮助.

$(document).ready(function(){
    $('#launch').fancybox({
        'width': 300,
        'content': $('#content'),
        'onClosed':function () {
            $("#content").hide();
        },
        'onStart':function () {
            $("#content").show();
            $('#close').on('click', function(){
                //console.log($(this).parent);
                parent.jQuery.fancybox.close();
            })
        },
        'onCleanup':function () {
            $("#content").unwrap();
        }
    });
})

多谢你们!

有谁知道在WordPress中是否可以取消注册主题的默认样式表style.css？我试过去wp_deregister_style('style')和wp_deregister_style('style.css'),但似乎都没有用.

我希望这样做,所以我可以优化我的网站我将我的各种样式表合并为一个并用Ant脚本缩小它.

有人知道是否可以防止标签的子项下划线,同时强调标签内容的其余部分？

这是一个例子 - 你可以在JSFiddle上看到这个.我已经尝试了所有我能想到的内容,但文本下划线仍然适用于链接中的所有文本.我在Chrome上查看,但我确信这适用于所有浏览器.

a {
    font-size: 32px;           
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a div {
    color: pink;
}

a:hover div,
a:active div,
a:focus div {
    text-decoration: none !important;
}?

<a href="http://news.bbc.co.uk">
<div class="inner">I don't want this bit underlined on hover. What's the big deal?</div>
This bit should be underlined on hover. Underlining here is fine. I have no objections to underlinining in this bit.
</a>?

我在OSX上,我希望能够使用新的源地图功能在Chrome(或Canary)开发人员工具中调试Sass生成的CSS .我正在使用Sass和Compass.

我按照说明让Sass生成源映射文件.为了任何正在努力解决这个问题的人的利益,步骤是:

• 安装预发布版本的Sass sudo gem install sass --pre
• 检查您的Compass版本 - 您需要12.2,而不是13 alpha.如果您需要卸载它,您可以使用它sudo gem uninstall compass --version 0.13.alpha.2.
• 将其添加到config.rb文件中sass_options = {:sourcemap => true}.
• 转到包含config.rb的文件夹并运行sass --compass --sourcemap --watch scss:css(这告诉Sass将scss文件夹中的文件编译为css文件夹中的CSS文件).

如果一切正常,当你在我们的一个scss文件(比如styles.scss)中进行更改时,Sass将编译一个新的CSS文件 - 同时它将创建一个名为styles.css.map的文件,其中包含在开发人员工具中选择元素时,应该允许Chrome将您指向源SCSS文件的映射信息.

我成功地让我的Sass生成了这个文件.但不幸的是,Chrome拒绝对它做任何事情.我已经完成了建议的步骤:

• 安装Chrome Canary
• 转到chrome:// flags并启用"启用开发人员工具实验"设置
• 打开Web开发人员工具(功能-12),单击窗口右下角的齿轮,在常规选项卡上勾选"启用源地图",然后在实验选项卡上勾选"支持Sass".
• 重启金丝雀

但是,当我检查开发人员工具中的一个元素时,我只是得到了与粗糙的CSS文件相同的旧引用.我想看看元素的样式在SCSS文件中的起源.有人在Chrome OSX上,甚至FireSass都有运气吗？

我正在使用file_get_contents抓取一些JSON数据,我需要压缩它,以便我可以将它作为数据属性添加到我页面中的HTML元素上.基本上我只需要删除换行符,额外的空格或制表符.似乎每个人都建议使用ob_gzhandler.但我无法做到这一点 - 我无法控制在我们的生产环境中启用的模块.任何人都可以建议一个PHP片段,如果没有ob_gzhandler,我会做我想做的事情吗？

在2007年的一篇名为" 使用Javascript掌握后退按钮 "的帖子中,一位名叫Patrick Hunlock的人声称只在页面中包含一个onbeforeunload处理程序就会停止缓存.(我猜浏览器缓存.)他非常强调它:

只是拥有一个unbeforeunload事件处理程序 - 无论它是否实际执行任何操作,无论是否生成对话框,即使整个函数声明完全由{}组成 - 只需定义一个事件处理程序将阻止页面被缓存 - 永远.

事实上,即使您允许页面缓存,该页面也不会被缓存.拥有onbeforeunload事件意味着每次访问页面时都会重新构建页面.Javascripts将重新运行,服务器端脚本将重新运行,页面将被构建,就好像用户第一次点击它一样,即使用户只是通过按下后退或前进按钮到达页面.

有趣的是,除了一两个提到Hunlock先生职位的人之外,我在其他任何地方都找不到任何提及.任何人都可以澄清这个问题吗？这是真的吗,还是我能安全地使用那个活动？

在从我的开发Feed导入到Facebook Instant Articles的许多文章中,我收到错误"HTML元素不包含任何文本:避免包含空HTML元素." 它似乎与数字中的图像有关,没有其他内容.谁能告诉我Facebook的抱怨是什么？我的标记似乎符合Facebook 自己的图形标签中的简单图像示例,那么问题是什么？

我有一个JS照片库,当用户点击缩略图时,可以将API中的单个图像加载到页面中.我希望人们能够在每张图片上添加Facebook评论.所以我在包含图库的页面中有我的Facebook评论元素.

<div class="fb-comments" data-href="" data-num-posts="10" data-width="480"></div>

在加载页面并首先填充库时,我将comments元素的data-href属性设置为第一个图像的URL(例如http://site.com/gallery/1027/1).然后,如果用户点击缩略图,我将该属性重置为所选图像的URL.

fbComments.attr('data-href', data.link + index);
FB.XFBML.parse();

这FB.XFBML.parse();就是我读过你应该做的让Facebook更新评论的内容.我已经为一张图片添加了评论,并尝试点击图片的缩略图,而没有评论.但我对第一张图片的评论仍然存在.谁有人建议为什么？

我已经尝试在我的JS文件中注销FB对象,并且它记录正常,所以它在我调用它时可用.我已经检查过我的JS中的click事件确实将data-href属性更改为正确的值.当我在fb-comments元素中对不同的数据href进行硬编码时,注释会按预期呈现.

我需要选择一个特定元素,只要它作为div的第一个子元素出现.是否有一个CSS选择器可以处理这种情况？

例如,我想选择这个数字:

<div>
    <figure></figure>
    <p></p>
    <p></p>
</div>

但我不想选择这个:

<div>
    <p></p>    
    <figure></figure>
    <p></p>
</div>

我无法更改HTML,因此无法添加类.我知道选择器:first-child和:first-of-type选择器,但它们本身并不适合这种情况.如果只是一个数字,我该如何选择第一个孩子？