小编And*_*rey的帖子

单击标签不会触发单击事件

我有这个代码:

<label><input type="checkbox">True?</label>

Run Code Online (Sandbox Code Playgroud)

和

$("label").click(function () {
  $(this).toggleClass("active");
});

Run Code Online (Sandbox Code Playgroud)

当我单击复选框类切换时,单击"True？" 什么都没发生.为什么？

然后,如果我不在标签中包装复选框一切正常.

<input type="checkbox" id="c1"><label for="c1">True?</label>

Run Code Online (Sandbox Code Playgroud)

这太奇怪了......如果我把"换"也没关系也没关系.

http://jsfiddle.net/zufs6ueh/1/

这里出了什么问题？

javascript jquery

And*_*rey

lucky-day

8
推荐指数

1
解决办法

3万
查看次数

如何使用gulp编译胡子模板部分？

我在Ruby下使用Mustache/Sass/Compass-watch制作静态HTML页面的原型.这个设置非常慢,所以我想用Gulp构建一切.我设法让它构建Sass,但不是Mustache.它只是在胡子模板中看不到部分内容.我的文件结构是这样的:

.
??? css
??? scss
??? index.html
??? gulpfile.js
??? templates
    ??? index.mustache
    ??? partials
        ??? header.mustache

Run Code Online (Sandbox Code Playgroud)

其中index.mustache是:

{{> partials/head }}

<body>
    {{> partials/header }}

    <div class="wrap">
        {{> some_inner_partial }}

        <div class="content">
            ...
        </div>
    </div>

    {{> partials/footer }}

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我的gulpfile.js是这样的:

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var mustache = require("gulp-mustache-plus");

// Gulp Sass Task 
gulp.task('sass', function() {
  gulp.src('./scss/{,*/}*.{scss,sass}')
    .pipe(sourcemaps.init())
    .pipe(sass({
      errLogToConsole: true
    }))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./css'));
});

// Gulp Mustache Task 
gulp.task('mustache', function() …

Run Code Online (Sandbox Code Playgroud)

mustache gulp

And*_*rey

lucky-day

5
推荐指数

1
解决办法

3941
查看次数

居中的flexbox项目并证明其余部分

对于奇数个弹性项目,我希望中间的一个在完美的中心,其他项目只是在它周围流动.中间项目具有固定宽度,所有其余部分都是流动的并且必须粘在中间项目上,因此衬垫是固定的.

/* CSS */

.flex-holder {
	display: flex;
	justify-content: center;
}
.middle-item {
	width: 75px;
}

Run Code Online (Sandbox Code Playgroud)

<!-- HTML -->

<ul class="flex-holder">
  <li>Item 1</li>
  <li>Some item</li>
  <li class="middle-item">Middle</li>
  <li>Very long text item</li>
  <li>Test</li>
</ul>

Run Code Online (Sandbox Code Playgroud)

它实际上可以用于flexbox吗？如果不是,请提出另一种解决方案.

html css flexbox

And*_*rey

2016 09-29

5
推荐指数

1
解决办法

2292
查看次数