小编Ste*_*eve的帖子

如果我有一个LESS参数mixin,例如:

.trans (@what: all, @time: 0.2s, @type: ease-in-out) {
-webkit-transition: @arguments;
-moz-transition: @arguments;
-o-transition: @arguments;
-ms-transition: @arguments;
transition: @arguments; 
} 

它按预期工作:

.myItem {
  .trans;
 }

但是如果我想将@time设置为0.4s,我似乎也必须传递第一个项目的参数:

.trans(all, 0.4s);

是否有传递空参数的语法,因此只使用默认值("all")？这不起作用,在编译时抛出错误:

.trans(,0.4s);

谢谢.

当单击类“iframe”的链接时，我有一个打开 iframe 颜色框的现有调用：

$(".iframe").colorbox({iframe:true, width:"200px", height:"500px"});

我想向这个颜色框添加一个回调以在它即将打开时触发一个函数：

onOpen:function(){ alert('colorbox is about to open'); }

但是这段代码去哪里了？我尝试将其添加到 colorbox() 中，但随后整个过程都失败了。我有点困惑。

我有一个布局,其中一个列包含广告.见图1:

广告图片位于四列div中.该广告是MREC,宽300像素.但是,在iPad上,由于列减少,广告降至236px,这是禁忌.见下面的图2,当然它在这里看起来一样但是它更小:

我需要它保持在300px.此外,有时广告服务器可能会投放基于iframe的广告(也是300px).

所以div不需要缩小宽度.

我尝试添加一个类,并将css设置为min-width:300px,但是然后在iPad上它突出了右边缘; 另一个div没有相应缩小.见图3:

那么,我如何确保我的广告中的div不会在iPad上重新调整大小？

编辑:此外,当我用推拉反转列顺序时问题似乎更复杂.我之所以这样做,是因为我需要广告先在手机上播放,但在其他平台上排在第二位:

<div class="row">
<div class="four columns ad push-eight">
    <img src="http://placehold.it/300x300">
</div>
<div class="eight columns pull-four">
  <h1>Bacon ipsum dolor sit amet tri-tip shankle chicken leberkas beef pork</h1>
</div>

我有一个用ng-repeat构造的表,其中每一行都有一个复选框,该复选框由重复的JSON数据中的值设置:

<tr ng-repeat="t in tabledata" ng-click="t.isChecked=t.!isChecked">
    <td><input type="checkbox" ng-model="t.isChecked"></td>
    <td>{{t.firstName}} {{t.lastName}}</td>
</tr>

我想点击该行来切换该行中的复选框值.我尝试了以上,但它不起作用.思考？

我试图创建一个循环来创建许多具有匹配内容的第n个子选择器:

$show-numbers: true;

@if $show-numbers {
  @for $i from 1 through 5 {
    &:nth-child(1) {
      &:before {
        content: '#{$i}';
      }
    }
  }
}

当然,这可以制作5份

ul.checkout-bar li:nth-child(1):before {
   content: "1";
}

随着"内容"正确递增.但我不能让nth-child值增加.这在萨斯不可能吗？

注:一个静态变量可以插值:

$foo: 1;
    &:nth-child(#{$foo}) {
      &:before {
        content: '1';
      }
    }

这很好用.这是我尝试的第一件事.

但是,$i在for循环中使用时,它不起作用.

我有一个很长的 sass 地图，作为一个片段是（Codepen 中的完整代码）：

$pbcolors: (

pbcyan : (
50:  #E5F5FC,
100: #CCEBF9,
200: #99D7F2,
300: #66C3EC,
400: #33AFE5,
500: #009DBF,
600: #008CAB,
700: #007C98,
800: #006D85,
900: #005D72
),
pbmediumblue: (
50:  #E5F1F8,
100: #CCE3F1,
200: #99C7E3,
300: #66AAD4,
400: #338EC6,
500: #0072B8,
600: #0065A5,
700: #005A93,
800: #004F80,
900: #00436E
),
pbpurple: (
50:  #F5ECF5,
100: #ECD9EB,
200: #D9B2D7,
300: #C68CC3,
400: #B365AF,
500: #A03F9B,
600: #90388B,
700: #80327C,
800: #702C6C,
900: #60255D
);

我正在尝试编写一个循环来创建一系列以颜色和阴影命名的类，其中背景颜色为十六进制，如下所示

.bg-pbmediumblue-100 …

我在页面模板中有一个自定义循环,通过类别和标记按类别显示帖子.它可以工作,但在循环之上,我需要显示页面本身的内容,即通常输入到Wordpress仪表板的内容.

我应该在模板中添加什么来显示此内容？

我试过了:

 $id = $post->ID;
 get_page($id);
 // then my custom loop

哪个获取当前页面ID,但没有内容.

我有一个包含6个代表HTML图像标记的字符串的数组.我有一些代码可以确定填充这些图像的空间量.

我正在使用一个循环,它可以很好地从这6个图像中提取并使用1个或全部6个.当我需要超过6个时,我的问题就来了,这意味着要一次又一次地遍历数组.我不确定如何最好地构建这个循环.目前我有

for (var i = 0; i < numAds ; i++) {
            $('#primary').append(adList[i]);
        };

我尝试if (i > adList.length) { i=0 }在jquery语句之前添加,但后来我陷入了循环并崩溃了浏览器.

我在这里错过了什么？

我已经阅读了这篇文章和这篇文章.我相信我已经完成了所有建议:将管道添加到共享的模块中.

但是,无论我做什么,我都无法获取模板来查找我创建的管道.我的应用程序已经有一个共享模块,其他模块导入,所以我创建管道并将其添加到共享模块:

我用它创建了它 ng g pipe /shared/pipes/safe --flat --module shared --spec=false

在SharedModule中,我还将它添加到declarations和providers.

一切都在运行,但我尝试使用管道,如:

<iframe width="600" height="360" [src]="video.acf.youtube_url | safe: 'url'" frameborder="0" allowfullscreen></iframe>

我刚收到一个错误

Error: Uncaught (in promise): Error: Template parse errors: The pipe 'safe' could not be found

管子本身就是

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';

@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {

  constructor(protected sanitizer: DomSanitizer) { } …

我已经成功地@HostBinding在我的 Angular 6 应用程序中使用将属性应用到宿主组件，就像在变量为真时应用类一样：

@HostBinding('class.compact-ui') isCompact;

但是，现在我需要根据选择菜单的模型分配 4 个可能的类之一。例如，用户可以red，blue或green。

我想我可以在任何颜色为真时使用多个主机绑定：

@HostBinding('class.green-ui') uiColor === 'green';

但这似乎是错误的。这样做的正确方法是什么？