小编KSP*_*SPR的帖子

如何attr:data-parsley-pattern=""正确地将标签添加到输入？

我写了这个:

<input type="text" name="serialnr" id="serialnr" data-parsley-pattern="^[a-zA-Z]{4}[ -]?[a-zA-Z]{4}[ -]?[a-zA-Z]{4}[ -]?[a-zA-Z]{4}$">

但这确实没有做任何事情(根本没有验证发生,而其他输入正确验证).我必须添加data-parsley-required="true"吗？(我做了但没有帮助).我用https://www.debuggex.com/测试了正则表达式,所以它不应该是一个错字.我错过了什么？

我只通过数据属性调用parsley.那可能有关系吗？

谢谢.

是否可以在崇高文本2中创建一个布局,顶部有两行,底部有一列:

--------------------
|         |        |
|         |        |
|         |        |
--------------------
|                  |
|                  |
--------------------

谢谢.

我有一个入口文件：

@use '_mixins';
@use '_default';

现在，当我在其中使用 mixin 时，default.scss会抛出错误：

Dart Sass 失败并出现以下错误：错误：未定义的 mixin。

由于@use受到鼓励，我不明白为什么这不起作用。如果我@import像以前那样写，效果会很好：

@import '_mixins';
@import '_default';

这样一切都美好而花花公子。

我怎样才能使用@use并仍然拥有一切可用的东西？

是否可以通过服务器时间在EE中触发条件？

{if servertime == 'midnight to 13:00'}
      do this
{if:else}
      do something else
{/if}

谢谢

Mapbox 不适合它的容器。为什么不是？

这是呈现的 html：

<div class="map mapboxgl-map" id="mapBox">
  <div class="mapboxgl-canvas-container">
    <canvas class="mapboxgl-canvas" style="position: absolute; width: 1920px; height: 277px;" tabindex="0" aria-label="Map" width="1920" height="277">
    </canvas>
  </div>
</div>

这些277px是我猜的默认值。

这是js：

mapboxgl.accessToken = 'blabla';
  var map = new mapboxgl.Map({
    container: 'mapBox',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [-77.04, 38.907],
    zoom: 11.15
  });

这是 scss：

.map {
  grid-column: 1/-1;
  height: 100%;
  position: relative;
  canvas, .mapboxgl-canvas {
    height: 100%;
  }
}

如果我将如此著名的添加!important到 ，height: 100%;那么它会起作用，但地图会被拉伸。

我该怎么做？

Codekit在重新加载文件时非常慢.为什么这样,我能做些什么呢？

我在Yosemite上使用MAMP3和Chrome 39.刷新延迟时间为0秒.我只是有一堆php文件而不是一些.没什么特别的.它以大约10秒的延迟重新加载文件.

LESS文件编译速度非常快,但不会重新加载页面.互联网共享已停用.

还有什么可能是问题？

有时会有消息Codekit connection is unstable.但一切都在当地举行.这怎么会不稳定？

我有非常简单的 svg，只有一种颜色和三个多边形点。

在 Chrome 中，某些宽度的 svg 之前有一条不应该存在的白线：

顶部有一个具有相同颜色的 div。svg 甚至与具有相同颜色的 div 重叠，margin-bottom -10px;但白线始终出现：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1920 145" style="enable-background:new 0 0 1920 145;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#262120;}
</style>
<g>
    <polygon class="st0" points="1920,145 0,0 1920,0    "/>
</g>
</svg>

这里有什么问题？

由于不是很精通 javascript 我不明白tooltip.js文档。为什么不包括像我这样的人的例子？

我必须安装这个库才能正常工作吗？

1. 我添加tooltip.js到webpack（通过 npm 安装）
2. 然后我做 import tooltip from 'tooltip.js';
3. 然后呢？

我尝试使用boostrap 中的代码：

<p data-toggle="tooltip" data-placement="top" title="Tooltip on top">
  Tooltip on top
</p>
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

但我实际上并没有使用引导程序，所以错误是：TypeError:

$(...).tooltip 不是函数

他们的示例页面上有一些示例代码并没有真正帮助：

new Tooltip(referenceElement, {
    placement: 'top', // or bottom, left, right, and variations
    title: "Top"
});

什么是referenceElement？它是我想要触发的元素的类吗？

我想象这样的事情：

<p title="xyz" data-toggle="tooltip">hello</p>

然后像这样写javascript？？？

new Tooltip('[data-toggle="tooltip"]', {
    placement: 'top',
    trigger: 'hover'
});

那当然行不通。它返回错误：

类型错误：reference.addEventListener 不是函数

如何？为什么？一个小小的 Codepen：https …

我有一个条件外的频道条目标签,应该确定一个频道是否有1.条目,2.过期条目,3.封闭条目:我试过{if channel_short_name == "news"} 但不知何故,无论条目是关闭还是过期,它都会返回包装内容.我有条件的原因是在频道标签之外是因为我不想重复h2标签.

{if there are a displayable entries in the "news" channel, display this whole package.}
   <h2>News</h2>
   <hr />
   {exp:channel:entries channel="news" limit="2"}
      <div class="entry panel">
         <h3>{title}</h3>
         {news_text}
         {if news_full OR news_bild}
            <div id="{entry_id}" class="toggleDiv">
               {news_full}
               {exp:ce_img:single src="{news_bild}" max_width="346" smart_scale="yes" alt="{name_orig}"}
            </div>
            <p><a class="show_hide" rel="#{entry_id}" href="#">Mehr…</a></p>
        {/if}
      </div>
   {/exp:channel:entries}
{/if}

这让我想到另一个问题:

是否可以将过期的条目设置为"已关闭"？

我想显示一个没有应用任何CSS的页面。是否可以在页面内添加一个jquery开关以禁用所有样式表？

我启动并运行了 Webpack，现在我想将我的代码拆分为单独的文件。

假设我在一个单独的文件中有这个代码：

车把助手.js

handlebars.registerHelper('timeFilter', function(context, block) {
  var f = block.hash.format || "MMM DD, YYYY HH:mm"; //default format
  return moment.unix(context).format(f);
});

然后我想通过 webpack 将它包含到我的主 app.js 文件中：

webpack.conf.js

const webpack = require('webpack');

module.exports = {
  entry: {
    app: [
      'handlebars',
      'handlebarHelpers.js'
      './js/app.js'
    ],
  },
  output: {
    filename: 'www/theme/js/app.dev.js'
  },
  node: {
    fs: 'empty'
  }
};

这有效，但我如何让它在我的 app.js 文件中执行它？我找到了无数的 webpack 教程，但没有比这更基本的了。

我试过：

应用程序.js

import handlebars from 'handlebars';
import './handlebarHelpers';

// yadaya create handlebars
$( document ).ready(function() {
    console.log( "ready!" );
}); …

.class {
    &:after {
        content: "m3/s";
    }
}

我想通过以下方式添加单位声明:标签之后.是否可以制作3上标？

这显然不起作用:

.class {
    &:after {
        content: "m<sup>3</sup>/s";
    }
}