标签: toggle
Android按钮栏切换
我正在寻找一个模仿Google地图方向屏幕UI控件功能的UI视图,它允许用户选择允许的方向类型,包括Car,Transit或Walking.
像这样 - > http://snapplr.com/50rh
小部件基本上是三个水平布局的按钮,仅在第三个按钮的第一个和右侧的左侧有圆角.
我看不到这样做的标准方法,虽然它看起来像是一个常见的小部件.是否有一些其他标准方法在水平布局中将多选组分别呈现为"单个"布局对象.
推荐指数
解决办法
查看次数
jQuery加减去切换
我试图使用jQuery在datagrid中实现加/减图标.在展开时,减号图标即将到来,但在崩溃时,加号图标不会回来.
这是实现:http://jsfiddle.net/pixelfx/3fwyf/10/
任何人都可以查看代码.
推荐指数
解决办法
查看次数
使用jQuery切换时移动到DIV
我一直在阅读,我试图让屏幕移动到正在切换的div.它位于我的网站的底部,所以当你切换联系表单时,除非你向下滚动,否则你不能告诉它.
我有这个jQuery片段似乎没有用
//contact toggle
$("#show-con").click(function(){
$("#contact-wrap").slideToggle("slow");
$("#contact-wrap").animate({scrollTop: $("#contact-wrap").offset().top});
});
切换工作正常,但它不会滚动到div.
我在这里阅读了一些较旧的文章,但不幸的是,他们链接到不再活跃的网站.
推荐指数
解决办法
查看次数
Netbeans 7.x中.htaccess文件的"切换注释"？
有没有办法让Toggle Comment命令适用于Netbeans 7.2中的.htaccess文件？我已经习惯了php,css,js和css文件中的相应键盘快捷键.由于7.2支持语法高亮,也许可以通过更改配置来实现这一点？
编辑:我不仅限于Netbeans 7.2
推荐指数
解决办法
查看次数
切换动态创建的div
我正在编写自己的轻量级博客平台(我正在尝试学习PHP和jQuery,所以我不只是想使用Wordpress).使用PHP,我有一个分页系统,每页显示5篇博文.在我的while循环中,我希望有一个"发表评论"的链接,当点击它时,会打开一个有文本框输入评论的DIV.我正在使用的当前代码在页面上打开所有5个评论DIV.我需要能够为每个提交DIV提供一个唯一的ID(基于我假设的博客文章ID)并将其放入我的jquery切换功能中,以便在单击链接时只打开一个注释DIV,而不是全部他们.谁能帮帮我吗？
这是我的jQuery,它在页面上打开所有切换的div:
<script type="text/javascript">
$(document).ready(function() {
$(".toggleCommentBox").click(function() {
$(".commentBox").toggle()
});
});
</script>
这是我的while循环中的代码,它显示了博客文章和链接:
<a href = "#" class = "toggleCommentBox">Leave a Comment</a>
<div class = "commentBox" style = "display:none;">
...Form stuff in here
</div>
我不需要帮助注释框div中的表单内容,我只需要帮助jQuery就可以使页面上的每个5个注释框都是唯一的,并且所有这些注释框都可以单独切换,而不是一个链接打开所有5切换页面上的DIV,就像现在发生的一样.任何人都可以给我的任何帮助将不胜感激.
推荐指数
解决办法
查看次数
当某些东西可见时,更快地运行切换命令？
我的目标是一旦用户看到它就更快地运行.要解释一下,一旦用户点击菜单按钮它就会打开,这很好但是当用户点击关闭菜单时,它应该更快地关闭菜单.但是我的代码不想触发我的代码的第二个'else if'部分.
这是我的代码:
$(document).ready( function() {
if ( !$(".TopList1").is(":visible") ) {
$('.MenuButton').click(function() {
$( ".TopList1" ).toggle("slide", {direction: "down"}, 1000);
$( ".TopList2" ).delay(800).toggle("slide", {direction: "down"}, 800);
$( ".LeftList1" ).toggle("slide", {direction: "left"}, 1000);
$( ".LeftList2" ).delay(800).toggle("slide", {direction: "left"}, 1000);
});
} else if ( $(".TopList1").is(":visible") ) {
$('.MenuButton').click(function() {
$( ".TopList1" ).toggle("slide", {direction: "down"}, 800);
$( ".TopList2" ).toggle("slide", {direction: "down"}, 800);
$( ".LeftList1" ).toggle("slide", {direction: "left"}, 800);
$( ".LeftList2" ).toggle("slide", {direction: "left"}, 800);
});
}
});
更新:
继承人的的jsfiddle链接,CSS的是不正确的有,但你能得到的想法,链接打开,但我想他们关闭所有同一时间! - 最终结果可能甚至没有切换关闭但只是淡出!
推荐指数
解决办法
查看次数
如何使用HTML CSS JS创建滑块/切换以更改屏幕上的字体大小
有什么办法可以使我->
所以我想做一个滑块/切换，用户可以拖动/滑动它来改变大小（或指向）
对于每一点，显示的文字都会发生变化，就像我描述的图片一样
如何使用HTML5画布？还是有什么方法（也许用js来实现交互式切换/滑块手动调整字体大小）来进行显示预览？
先感谢您！
推荐指数
解决办法
查看次数
Javascript - 在onLoad上加载多个函数
我本周开始学习javascript,而且我已经掌握了基础知识.我已经开始为使用切换开关来打开和关闭目标div的页面构建一个"FAQ"部分.
但是,默认情况下,div的显示设置为可见.我已经设置了一个函数,将其设置为隐藏,以便下拉列表在页面加载时折叠.我已经尝试堆叠它们(切换功能和显示功能),在body标签的"onLoad"中用分号分隔它们.
现在,在我应用这些函数来运行"onLoad"之前,两者都运行良好.但是现在只有第二个函数可以切换div,但是声明让div折叠onLoad的函数不是.
我在哪里错了？
此外,看到我是新手,如果有更好的方式,或更多的速记版本,请随时让我知道:)
CSS:
body {
background-color: #cccccc;
padding: 0;
margin: 0;
}
.container {
margin-left: 20%;
margin-right: 20%;
background-color: white;
padding: 1em 3em 1em 3em;
}
.toggle-header {
padding: 0.5em;
background-color: #0067b1;
overflow: auto;
}
#toggle {
border: none;
width: 300;
height: 3em;
background-color: #0067b1;
outline: 0;
}
.button-container {
float: right;
margin-right: 0.5em;
display: inline-block;
}
.dropdowns {
padding: 2em;
background-color: #eeeeee;
}
HTML和Javascript:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Toggle Template</title>
</head>
<body onLoad="toggleOnLoad(); toggleFunction()"> …推荐指数
解决办法
查看次数
如何在单击响应中切换唯一一个元素的类
我试图在React中制作一组翻转的卡片.你可以在下面看到我的代码.当我点击卡片时,它们都会翻转,但我的目标是仅翻转我点击的那些卡片.我怎样才能做到这一点？
这是我的卡组件:
import React from 'react';
export default class Card extends React.Component {
render() {
let className = this.props.condition ? 'card-component flipped' : 'card-component';
return (
<div onClick={this.props.handleClick} className={className}>
<div className="front">
<img src={this.props.image} alt="card"/>
</div>
<div className="back">
</div>
</div>);
}
}
这是我的Deck组件:
import React from 'react';
import Card from './Card.js';
const cardlist = require('../cardlist').cardlist;
export default class Deck extends React.Component{
constructor(props) {
super(props);
this.state = {flipped: false};
}
handleClick() {
this.setState({flipped: !this.state.flipped});
}
render() {
const list = this.props.cards.map((card, index) …推荐指数
解决办法
查看次数
使用Bootstrap 4扩展单选按钮切换
我正在尝试使用Bootstrap 4创建一个表单,在单击每个"按钮"时展开不同的元素.
它应该如何工作:按钮(收音机):是/否---如果单击"是",则它会展开包含复选框按钮的元素.
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active" data-toggle="collapse" href="#collapseExample" aria-expanded="false">
<input type="radio" name="options" id="option2" autocomplete="off"> Yes
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="option3" autocomplete="off"> No
</label>
</div>
<!-- Expanded Buttons -->
<div class="btn-group collapse" id="collapseExample" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="checkbox" autocomplete="off"> Checkbox 2
</label>
<label class="btn btn-primary">
<input type="checkbox" autocomplete="off"> Checkbox 3
</label>
</div>
<!-- / Expand Buttons -->
这是我笔的链接.
推荐指数
解决办法
查看次数