小编Mr *_*ood的帖子

将.css文件导入.less文件

你能把.css文件导入.less文件......?

我很少熟悉并且用它来完成我的所有开发.我经常使用如下结构:

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";
Run Code Online (Sandbox Code Playgroud)

所有导入都是其他.less文件,所有文件都可以正常工作.

我当前的问题是这样的:我想将.css文件导入.less文件,引用.css文件中使用的样式,如下所示:

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here
Run Code Online (Sandbox Code Playgroud)

.css文件包含一个被调用的类,.type但是当我尝试编译.less文件时,我得到了错误NameError: .type is undefined

.less文件不会导入.css文件,只能导入其他无文件文件吗?或者我引用它错了......?!

css import less

217
推荐指数
8
解决办法
12万
查看次数

FancyBox从iframe内关闭并将父页面带到链接

我发现将以下函数应用于链接onclose 可以从iFrame中关闭Fancybox: parent.$.fancybox.close();

我想更进一步,让链接将父页面转到新的URL.我尝试了以下但它不起作用:

<a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a>
Run Code Online (Sandbox Code Playgroud)

使用a href不起作用onclose优先.

jquery href fancybox location-href

23
推荐指数
3
解决办法
5万
查看次数

当div#滚动到视图中时,jQuery在导航时改变css

我想重新创建在这个网站上使用的效果:http://www.brizk.com/

该网站使用一个向下滚动的大页面.当您向下滚动并传递不同的部分时,左侧的菜单导航将css类更改为"当前",因为相应的div进入视图.

我认为这可以通过jQuery使用$(window).height();

我是jQuery的新手,我想写的是这样的(用非专业术语来说):

  • 获取浏览器窗口的高度 - 如果div#content1从顶部100px和/或​​从底部更改菜单200px a#link1到'.current' - 否则从所有菜单中删除.current链接

...并重复4个不同的内容div.

任何人都可以指出我正确的方向..?谢谢.

css jquery height

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

jQuery fancybox - 在iframe中定位特定div #id

是否可以使用fancybox从另一个页面加载特定的div #id而不是通过iframe加载整个页面?

例如,我可以使用

 $('#link-whole').fancybox({
                'width'             : '80%',
                'height'            : '80%',
                'type'              : 'iframe',
            });
Run Code Online (Sandbox Code Playgroud)

<a id="link-whole" href="somepage.html">link 1</a>
Run Code Online (Sandbox Code Playgroud)

将所有'somepage.html'加载到iframe中,但是如何加载来自id为"target"的div的内容(例如)?

jquery fancybox

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

Wordpress WP_Query调用帖子和页面

我有一个功能滑块设置,可以绘制标记为"功能"的帖子

$my_query = new WP_Query(array(
  'showposts' => 3,
  'tag'  => 'feature' ));
Run Code Online (Sandbox Code Playgroud)

是否有可能在帖子和页面中绘制?我知道你可以画画,'post_type'=>'page'但是你能混合两个吗?

wordpress post

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

jquery window.innerWidth删除和替换内容

我正在建立一个响应式网站,但不想只隐藏较小屏幕的元素,我想完全删除它们以减少加载时间.

到目前为止,我已经完成了这项工作

if (window.innerWidth < 768) {
    $('.widescreen').remove();
}
Run Code Online (Sandbox Code Playgroud)

该类.widescreen将添加到仅在宽度超过768px的屏幕上加载的所有元素

然后,如果用户调整浏览器窗口大小(或将设备旋转90°),我希望这可以工作,所以我尝试了这个:

$(window).resize(function() {
    //small-screen
    if (window.innerWidth < 768) {
        $('.widescreen').remove();
    }
    //end small-screen
});
Run Code Online (Sandbox Code Playgroud)

哪个有效,但仅在调整窗口大小而未按较小尺寸加载时才有效.我猜想会发生这种情况.

有没有办法实现这一点,以便它在加载页面和调整浏览器窗口大小时都有效?

然后,当然,诀窍是在窗口调整大小超过768px时添加内容!但如果第一部分真的可能的话,我会试着想出那个!

jquery media-queries responsive-design

3
推荐指数
1
解决办法
5894
查看次数

jquery append/prepend/wrapInner?

预期结果:

.prepend()


启动html:

<li><a><span class="icon"></span><span class="text">Link Text</span></a></li>
Run Code Online (Sandbox Code Playgroud)

我试图单独使用.append(),但没有给出所需的输出..wrapInner().prepend()


.append()

输出:

.wrapInner()


<li><a>Link Text</a></li>
Run Code Online (Sandbox Code Playgroud)

输出:

.prepend()

我在这里设置了一个jsfiddle.有没有办法实现我想要的?

javascript jquery append

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

仅在单个帖子上启用wpautop过滤器

我已将以下内容添加到我的wordpress主题functions.php文件中:

//disable wpautop filter
remove_filter ('the_content', 'wpautop');
remove_filter ('the_excerpt', 'wpautop');
Run Code Online (Sandbox Code Playgroud)

除了所有那些讨厌的<p> </p>标签wordpress包裹所有东西!

但是,我想知道是否有办法只在非单页面上执行此操作(例如:家庭,档案,类别,作者等).我想在除了单个帖子和页面之外的所有内容上禁用wpautop ...可能吗?

wordpress function wordpress-theming

0
推荐指数
1
解决办法
2623
查看次数