小编waf*_*ffl的帖子

Sass是连接而不是添加?

我需要在我的SCSS代码中定义宽度,如下所示:

#example {
  width: $currentWidth + 349 !important;
}
Run Code Online (Sandbox Code Playgroud)

凡$currentWidth由循环定义.

但是,Sass总是最终连接两个数字而不是算术.

我也尝试过:

width: #{$currentWidth + 349}px !important;

这仍然导致连接.

我想知道我做错了什么?我知道这是非常基本的,但我似乎也无法找到关于Sass如何处理算术的好信息

css math sass

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

Node + Sequelize:如何在添加之前检查项目是否存在?(异步混淆)

不幸的是,我对节点很新,并且在节点的异步/同步执行方面遇到了一些混乱.

我正在使用node,sequelize with sqlite和async.js.

我有一系列Articles,每个都有一些Authors.

对于每Authors一个Article,我想检查是否Author存在.如果没有,请创建它.

问题是,在初始运行时,正在创建重复的作者,我假设由于异步功能导致检查存在的问题.

例如,使用数组: authors = ['A. Test', 'B. Test', 'C. Test', 'A. Test']

和代码:

async.each(authors, function(item, callback){
    Author.sync().then(function(){
      Author.count({ where: {name: item.trim()} }).then(function(count){
        if (count != 0) {
          console.log('Author already exists')
        } else {
          console.log('Creating author...')
          Author.create({
            name: item.trim()
          })
        }
      })
    })
  })
Run Code Online (Sandbox Code Playgroud)

在第一次运行时,将创建一个表:

ID | name
------------
0  | A. Test
1  | B. Test
2  | C. Test
3  | A. Test …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous node.js sequelize.js async.js

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

应用字母间距时CSS文本下划线太长?


每当letter-spacing应用于具有下划线或下边框的内容时,下划线似乎超出了右侧的文本.有没有办法阻止下划线超出文本中的最后一个字母?

例如:

<span style="letter-spacing: 1em; border-bottom: 1px solid black;">Test</span>
Run Code Online (Sandbox Code Playgroud)

也许它有可能具有固定的宽度<div>和边框,但这实际上不是围绕每个带下划线的元素的选项.

谢谢!

html css underline

14
推荐指数
3
解决办法
8559
查看次数

Meta视口标记似乎完全被忽略或无效

我已将此标记放在网页的头部:

<meta name="viewport" content="width=device-width,initial-scale=0.47,maximum-scale=1">

出于某种原因,它似乎在我的iPhone上似乎被忽略了,即使添加user-scalable=no也没有效果.我已经尝试了许多宽度值,初始尺度等......似乎没有任何效果.

有谁知道这可能导致什么?我可以在源代码中清楚地看到它在标题中.

我的iPhone在iOS7上.

编辑:问题仍然在iOS6上使用xcode ios模拟器,所以我不认为这是由于iOS7.

html css iphone ios

12
推荐指数
4
解决办法
5万
查看次数

jQuery - unbind或rebind hoverIntent()?

我有一个菜单栏,在上排显示一组类别.

其中一个类别有一组子类别.

我有一个hoverIntent设置,以便它将slideDown子菜单,并在鼠标离开时slideUp.

但是,如果我正在查看此类别中的页面,我希望子菜单在突出显示活动类别时可见.我还想确保当子菜单通过鼠标进行交互时,一旦鼠标离开,它就不会再次滑动.

我已尝试在此页面中的元素上重新声明hoverIntent函数但它不起作用,它仍然使用以前的绑定.有没有办法取消绑定以前的hoverIntent并确保它使用新的?

jquery hoverintent unbind

10
推荐指数
2
解决办法
6154
查看次数

sass - 手表在首次发布后没有更新(sass 3.1.16)

我正在和sass一起为我正在研究的一个简单的静态网站编写css.我已经运行了sass --watch custom.scss:custom.css在启动时编译好的消息:

Sass正在关注变化.按Ctrl-C停止.

覆盖custom.css

但是,每当我更新.scss文件时,都没有任何反应.我之前没有在rails应用程序的上下文中使用SASS,所以我想知道我是否遗漏了什么?

我的scss文件也非常简单,所以我怀疑它对任何东西都很窒息,特别是因为它在第一次运行时起作用.

sass -vSass 3.1.16 (Brainy Betty)关于Lion 10.7.2的报告

css ruby sass

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

如何实现固定位置背景滚动/显示效果?jQuery插件可用吗?

我想知道是否有人知道是否有一个jquery插件,或者如何实现这种在时尚品牌krystalrae.com的'collection'部分可见的效果

屏幕捕获视频

任何提示或推动正确的方向将不胜感激!

谢谢!

html javascript css jquery effect

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

kenwheeler/slick如何将当前幻灯片作为dom或jquery对象获取?

使用光滑,我有一个简单的旋转木马:

<div class="carousel">
  <div class="image"><img src="http://path/to/image.jpg" data-caption="Caption 1"></div>
  <div class="image"><img src="http://path/to/image2.jpg" data-caption="Caption 2"></div>
  <div class="image"><img src="http://path/to/image3.jpg" data-caption="Caption 3"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在初始化旋转木马,其onAfterChange功能是尝试更新另一个div中的标题但是对于如何将此div作为dom或jquery对象感到有点困惑?

$('.carousel').slick({
  lazyLoad: 'progressive',
  onAfterChange: function(slider,index){
    console.log(???);
  }
});
Run Code Online (Sandbox Code Playgroud)

其中slider返回轮播对象并index返回当前幻灯片.

我怎么能从中获得data-caption价值呢?

javascript jquery carousel

9
推荐指数
3
解决办法
2万
查看次数

WebView 上的 React Native ref.injectJavascript 始终未定义

我有一个简单的功能组件,在 TabNavigator 内有一个 WebView,我想在选项卡聚焦时注入一些 javascript,如下所示:

import React, {useRef, useEffect} from 'react';
import {WebView} from 'react-native-webview';

export default (props) => {

  const webViewRef = useRef();

  React.useEffect(() => {
    const unsubscribe = props.navigation.addListener('focus', () => {
      webViewRef.current.injectJavascript('console.log("Hello World")');
    });
    return unsubscribe;
  }, []);

  return (
    <WebView ref={webViewRef} />
  );
}
Run Code Online (Sandbox Code Playgroud)

由于某种原因,webViewRef在侦听器中始终未定义。

如果我做类似的事情,<WebView ref={(r) => console.log(r)} />我会得到类似以下的结果:

截屏

编辑:

只需调整提供的示例就可以了,所以我想我必须弄清楚我的代码中发生了什么:

import React, { useRef } from 'react'
import { View } from 'react-native'
import { WebView } from 'react-native-webview'

export …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

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

Ruby Guard问题 - '请安装sqlite3适配器' - railstutorial.org

我正在关注Ruby on Rails教程并且在测试部分中有些困惑,特别是 - 3.6.2 - 使用Guard进行自动测试

根据教程的部署到Heroku的说明,我已切换到Postgresql并从我的gemfile中删除了sqlite3并进行了一个bundle install以进行更新.

但是,一旦我跑了

捆绑执行警卫

我收到的消息是:

/Users/username/.rvm/gems/ruby-1.9.3-p125@global/gems/bundler-1.1.3/lib/bundler/rubygems_integration.rb:147:in block in replace_gem': Please install the sqlite3 adapter:gem install activerecord-sqlite3-adapter`(sqlite3 is不是bundle的一部分.将它添加到Gemfile.)(LoadError)

我很困惑为什么我需要这个,因为sqlite3已从我的环境中删除?

我的Gemfile如下:

source 'https://rubygems.org'

gem 'rails', '3.2.3'
gem 'pg', '0.12.2'

group :development, :test do
  gem 'rspec-rails', '2.9.0'
  gem 'guard-rspec', '0.5.5'
end

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '3.2.4'
  gem 'coffee-rails', '3.2.2'
  gem 'uglifier', '1.2.3'
end

gem 'jquery-rails', '2.0.0'

group …
Run Code Online (Sandbox Code Playgroud)

ruby postgresql guard ruby-on-rails-3 railstutorial.org

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