小编jde*_*ere的帖子
JQuery slideToggle()多次单击 - 阻止动画
我已经寻找了一段时间的解决方案,但似乎无法找到它.我想也许.clearQueue()在我的小提琴中使用JQuery ,但它不起作用.
这是小提琴.
要清楚:我希望sideToggle()执行,但是一旦它再次被点击并且第一个slideToggle()还没有完成,它应该停止第一个动画并向后滑动.使用该.clearQueue()方法它可以工作两次点击,但是当点击例如三次时,盒子消失并且heigt以某种方式搞砸了.
推荐指数
解决办法
查看次数
聚合物核心脚手架着色和纸按钮
我开始使用聚合物 0.5代码来构建响应式网站.我知道它还没有完全完成,但我发现很快就能很快完成任务.
现在,我正在使用核心支架作为总体布局.我知道如何为侧边栏着色,但我不确定在哪里可以设置主要内容设置的样式.
<html>
<head>
<style>
html,body {
height: 100%;
margin: 0;
background-color: #E5E5E5;
font-family: 'RobotoDraft', sans-serif;
}
core-toolbar {
background: #E5E5E5;
color: white;
}
paper-item.core-selected {
color: #99182c;
fill: #99182c;
}
</style>
</head>
<body unresolved touch-action="auto">
<core-scaffold>
<core-header-panel navigation flex mode="seamed">
<core-toolbar style="background-color: #99182c; color:#fff;">Main site name</core-toolbar>
<core-menu selected="0">
<paper-item icon="home" label="Home"></paper-item>
<paper-item icon="today" label="Activities"></paper-item>
<paper-item icon="account-box" label="People"></paper-item>
<paper-item icon="theaters" label="Pictures"></paper-item>
<paper-item icon="info" label="Info"></paper-item>
<paper-item icon="lock" label="Login"></paper-item>
</core-menu>
</core-header-panel>
<div tool>Home</div>
</core-scaffold>
</body>
</html>
所以核心工具栏是左侧边栏的样式,但我如何设置主页面的样式？
我遇到的另一个问题是我想使用纸质元素.但是,使用它时 …
推荐指数
解决办法
查看次数
聚合物波及所有儿童
我正在使用Polymer来建立一个网站.我目前在纸张波纹方面遇到了一些问题.现在我遇到的问题是,单击h2或时h3,即使删除<div class='description'>-tag和它的关闭选项卡时也不会出现波纹.看paper-ripple它的大小,它涵盖了整体<div class='album-header'>,所以这不应该是问题.
此外,<div class='description'>在填充区域中点击,也会发生波纹.
<div class="album-header" vertical layout on-tap="{{albumTapped}}">
<paper-ripple class="recenteringTouch" fit></paper-ripple>
<content select="img"></content>
<div class="description">
<content select="h2"></content>
<content select="h3"></content>
</div>
</div>
编辑:
我已经做了一些进一步的测试,我已经缩小了问题范围.看看这个例子.除非您还指定了不透明度,否则将样式应用于子元素不会产生任何问题.在链接中给出的示例中,绿色文本已被赋予不透明度.单击此文本不会为我生成涟漪(在Chrome 36中运行).(绿色的分配与它无关,只是为了更容易发现).单击该<h3>标记周围的任何位置都会发生纹波.
推荐指数
解决办法
查看次数
Polymer core-animated-pages默认页面
我正在使用Polymer core-animated-pages在我的网站主页之间切换.
我选择需要通过id显示哪个页面<section>.您可以在此处查看示例.现在,我遇到的问题是,在加载页面时,应该从页面加载应该选择的页面,例如www.example.com/home显示主页,www.example.com/activities显示活动页面(代码中遗漏的代码,因为不相关).
但是,如果链接中提供的ID不存在,我该怎么办？是否有选项显示core-animated-pages带有404消息的默认页面？或者我是否必须检查每个链接是否在我的所有页面的数组中,如果是这样,手动加载错误页面,否则显示正确的页面？
再次,这是一个例子:jsbin.
编辑:要显示我的页面处理链接的方式,这是一个更新示例:jsbin.链接本质上是www.example.com/#home等等
推荐指数
解决办法
查看次数
与Android中的蓝牙低功耗设备配对
是否可以自动连接蓝牙低功耗(BLE)设备？
的Android文档指示[ BluetoothDevice.connectGatt()](https://developer.android.com/reference/android/bluetooth/BluetoothDevice.html#connectGatt(android.content.Context,布尔值,android.bluetooth.BluetoothGattCallback))具有自动连接参数:
boolean指示是否在可用时自动连接到BLE设备
但是,要打电话给你,你需要先做一个BluetoothDevice.AFAIK获得此功能的唯一方法是扫描可用的设备.每次设置扫描以连接到设备似乎都不是一种理想的方式.此外,我尝试使用nRF控制主面板连接到我的外围设备autoConnect = true,但这不连接到设备.autoConnect然而,在没有连接的情况下连接,我已经成功地以这种方式从我的外设读取和写入数据.
蓝牙的一般方式是将两个设备配对.但是,搜索我的BLE设备并使用BluetoothDevice.createBond()似乎不起作用.在我ACTION_BOND_STATE_CHANGED-callback中,EXTRA_BOND_STATE和EXTRA_PREVIOUS_BOND_STATE刚刚从去BOND_BONDING到BOND_NONE和背部.我没有读出错误或任何东西 - 所以也许我在这里遗漏了一些东西.这是回调:
private final BroadcastReceiver mGattUpdateReceiver = new BroadcastReceiver() {
@Override
public void onReceive(Context context, Intent intent) {
final String action = intent.getAction();
if (BluetoothDevice.ACTION_BOND_STATE_CHANGED.equals(action)) {
final int state = intent.getIntExtra(BluetoothDevice.EXTRA_BOND_STATE, BluetoothDevice.ERROR);
final int prevState = intent.getIntExtra(BluetoothDevice.EXTRA_PREVIOUS_BOND_STATE, BluetoothDevice.ERROR);
Log.e(TAG, "prevState " + prevState + ", state " …推荐指数
解决办法
查看次数
JQuery Validation插件消息样式
我正在构建我的Jquery Validation插件的错误消息,我遇到了一些困难.
我已经编辑了插件的代码来改变消息的语言.我知道这可以用javascript完成,但似乎更好的做到'硬编码'.但是在实例中没有看到这一点.
这是现场的例子.我需要以<span></span>某种方式在错误消息之前插入一个,但我无法弄清楚如何.有任何想法吗？
需要明确的是:它应该显示如下:而不是显示带有类'错误'的元素的插件.
<span class='pointer'></span><label class='error'>This is the error</label>
推荐指数
解决办法
查看次数
如何创建一个"粘性"浮动固定/滚动侧边栏？
我的网站左侧有一个应该留在用户手中的网站.因此,当用户滚动时,侧边栏会一直滚动,直到它从页面顶部开始说5px.从那时起,它应该被锁定在那里.
当然,视口可能比左栏小,因此左栏不能完全适合屏幕.虽然不是很戏剧化.但是我希望如果用户滚动到底部,侧边栏的底部"点击"页面的页脚,然后再次滚动页面.
这是我得到的代码:我的网站的基本设置和我的问题的第一部分的尝试(但你会看到它不起作用):jsfiddle.
我认为问题的第一部分相当清楚,但第二部分可能有点难以理解,所以这是一个模型:
您可以看到没有显示文本,因为文本位于视口上方.
这是我尝试第一部分的js:
$(document).ready(function () {
var theLoc = 5;
var links = $('#left');
$(window).scroll(function () {
console.log('scroll');
if (theLoc >= $(window).scrollTop()) {
if (links.hasClass('fixed')) {
links.removeClass('fixed');
}
} else {
if (!links.hasClass('fixed')) {
links.addClass('fixed');
}
}
});
});
但可能更多的是css问题:
.fixed {
position:fixed;
}
我尝试再次指定高度等(因为它显示得非常大),但没有提前.
推荐指数
解决办法
查看次数
聚合物图像作为背景与数据绑定
我一直在使用Polymer进行网站重新设计.我想显示一个绑定到元素的图像作为background-image.一个相当简单的任务,但不幸的是我遇到了一些问题.
我制作了一个代码的运行示例以便于测试:点击我.
<polymer-element name="album-card" attributes="image">
<template>
<style>
:host{
display: block;
position: relative;
background-color: #99182c;
width: 200px;
}
.description{
padding: 10px;
color: white;
}
.circular{
width: 200px;
height: 200px;
background: url({{image}}) no-repeat;
background-color:green;
}
</style><link rel="stylesheet" href="default_styles.css">
<paper-shadow z="{{shadowValue}}" animated="true"></paper-shadow>
<div class="album-header" vertical layout>
<paper-ripple class="recenteringTouch" fit></paper-ripple>
<div class="circular">
<!--<img src="{{image}}" />--><!-- this does work -->
</div>
<div class="description">
<content select="h2"></content>
<content select="h4"></content>
</div>
</div>
</template>
<script>
Polymer('album-card');
</script>
</polymer-element>
问题在于css样式.由于某种原因,图像不会在以下行中显示:background: url({{image}}) no-repeat;.但是,当 …
推荐指数
解决办法
查看次数
R as.POSIXct()下降小时分和秒
我正在试验R来分析一些测量数据.我有一个.csv文件,包含超过200万行测量.这是一个例子:
2014-10-22 21:07:03+00:00,7432442.0
2014-10-22 21:07:21+00:00,7432443.0
2014-10-22 21:07:39+00:00,7432444.0
2014-10-22 21:07:57+00:00,7432445.0
2014-10-22 21:08:15+00:00,7432446.0
2014-10-22 21:08:33+00:00,7432447.0
2014-10-22 21:08:52+00:00,7432448.0
2014-10-22 21:09:10+00:00,7432449.0
2014-10-22 21:09:28+00:00,7432450.0
在读入文件后,我想将时间转换为正确的时间,使用as.POSIXct().对于小文件,这可以正常工作,但对于大文件则不行.
我通过读取一个大文件,创建一个小部分的副本然后释放as.POSIXct()正确的列来做一个例子.我包含了该文件的图像.正如您所看到的,当将它应用于temp-variable时,它会纠正小时,分钟和秒.但是,将其应用于整个文件时,仅存储日期.(也需要很多时间(超过2分钟))
什么可能导致这种异常？这是由于某些系统限制,因为我在我的笔记本电脑上运行它.
编辑
在我的Windows 7设备上运行R 3.1.3会导致此错误.但是,在运行R 3.0.2的Ubuntu 14.01上,保留了大文件的时间.刚刚注意到有一个适用于Windows的更新版本(3.2.0),将更新并检查问题是否仍然存在.
推荐指数
解决办法
查看次数
Google Chrome Manifest提取失败(6)
我正在重新制作我之前制作的应用程序,也可以离线工作.当页面加载时,cache.manifest找到它并正确地缓存所有页面.但是,当我在未连接时刷新页面时,我收到了大量错误.
其中一个错误是Manifest fetch failed (6),根据这个答案意味着a NETWORK_ERROR.显然我没有连接到互联网,但显然这是让网站脱机的关键,对吧？所有其他错误都来自我使用的一些文件net::ERR_INTERNET_DISCONNECTED,但是这些文件也在其中cache.manifest,所以对我来说真的没有意义.
我也没有完全空白的页面.检查我的页面确实显示我的索引页面,但似乎其他人没有正确加载.
查看chrome://appcache-internals/它还可以正确显示缓存中的所有文件.
这就是我的cache.manifest样子:
CACHE MANIFEST
CACHE:
images/aRandomImage.jpg
bower_components/polymer/polymer.html
bower_components/polymer/polymer.js
bower_components/polymer/layout.html
#etc
可能还值得注意的是我正在使用Polymer 0.5.我还尝试关闭Chrome在后台运行并删除缓存文件夹,但无济于事.我错过了什么？
推荐指数
解决办法
查看次数