我希望能够将表单上的一组控件设置为只读,然后单击按钮返回.有没有办法循环它们？this.Controls也许......
谢谢!
我会尽量保持这个简短.我正在尝试创建用户单击展开按钮时隐藏或显示的文本框.我正在使用toggle()方法.
标记是这样的:
<span id="toggle0">+</span>
<div id="toggle0Container">
blablabla...
<div>
<span id="toggle1">+</span>
<div id="toggle1Container">
blablabla...
<div>
<span id="toggle2">+</span>
<div id="toggle2Container">
blablabla...
<div>
// etc
#toto0应该切换#tockt0_tatainer,#toggle1切换#topggle1Container,依此类推.这都是由PHP生成的,因此可以有任意数量的这些容器.
这是JQuery代码:
$(document).ready(function() {
// array of numbers, it's pretty redundant, there will never be more than 30 containers
var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, …我有一个3 div,jQuery脚本在单击div时添加一个类:
.red{ background-color: red; }
我想做的是修改jQuery以便一次性.red类添加的下一次就会增加.blue,.red,.blue等...
我的脚本你可以在这个演示中这样:
var $a = $('.box');
$a.click(function(){
$(this).addClass('red');
});
对不起,我不会分享更多,但我的可怕尝试只会让人感到困惑.
我希望我已经说清楚,如果没有请问!
提前致谢!!
更新:
我认为问题不够明确,所以我会尝试进一步解释.
什么需要基本上是三个div,第一次点击,将点击的div变为红色,第二次将点击变成蓝色,红色等等,他们应该切换(当点击第一次点击时变为红色或蓝色是唯一一个重要的)
经过深思熟虑之后我做了一个小Jquery(因为我是新手),发现它不能正常工作!见,在我的代码我猜想这是由VAR设定的元素上点击trigger和通过了var设置元素obj应该fadeToggle(),但是当我在点击trigger一个时刻它显示(只是第二勉强!),然后消失!我只是不知道出了什么问题,但你可以有一个现场演示(看看问题).顺便说一下代码在这里 -
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$(function () {
var trigger = 'trigger' ;
var obj = 'slide' ;
$('.' + trigger).click(function () {
$('.' + obj).fadeToggle();
});
});
});
</script>
<style>
div.head
{
background: #000;
opacity: 0.7;
color: #fff;
font-weight: bold;
font-size: 12px;
font-family: segoe ui;
padding: 5px 5px;
}
div.head a
{
text-decoration: none;
color: #fff;
}
div.slide
{
display: none; …到目前为止,我正在尝试:
var myBoolean = false; // global
function toggleBoolean(vr) {
vr = !vr;
}
alert(myBoolean); // false
toggleBoolean(myBoolean);
alert(myBoolean); // false
但显然,它失败了.
编辑:抱歉,我忘了指出我希望该功能可以与许多布尔人合作,而不仅仅是一个
我是java的新手,我正在尝试创建一个Android应用程序,你可以倾斜你的设备旋转一个imageview.除了图像视图旋转方向错误外,我已经掌握了所有内容.因此,如果我的double中的数字> 0,我想在它前面放一个 - .但如果它<0,我想删除 - 就在它前面.我试过这样做:
这是变量:
double xaxis;
String xaxis3;
这是我的代码:
if (xaxis < 0) {
xaxis3 = Double.toString(xaxis);
xaxis3 = xaxis3.replaceAll("-", "");
double xaxis = Double.parseDouble(xaxis3);
}
else {
xaxis3 = Double.toString(xaxis);
xaxis3 = ("-" + xaxis3);
double xaxis = Double.parseDouble(xaxis3);
}
请对我好,并想到我是编程的新手.谢谢!
我有两个div彼此相邻,并希望使用切换功能水平折叠一个div(侧边栏),同时展开另一个(Map)以获取前者的全宽.然后我需要切换以将两个div恢复到原始宽度/位置.我可以让它做第一次操作,但我不知道如何做反向.见小提琴:
$(document).ready(function(){
$("#toggle").click(function(){
$("#sidebar").animate({width: 'toggle'});
$("#map").animate({width: '100%'});
});
});
我正在使用http://codepen.io/Idered/pen/AeBgF作为起点实现CSS读取更多/读取更少的功能.
我修改了它来处理<p>标签与<li>列表项.
我无法在http://bit.ly/1L5vMm7上找到我的页面上的代码
这是我的CSS版本:
input.read-more-state {
display: none;
}
p.read-more-target {
font-size: 0;
max-height: 0;
opacity: 0;
transition: .25s ease;
}
input.read-more-state:checked ~ div.read-more-wrap p.read-more-target {
font-size: inherit;
max-height: 999em;
opacity: 1;
}
input.read-more-state ~ label.read-more-trigger:before {
content: 'Read more';
}
input.read-more-state:checked ~ label.read-more-trigger:before {
content: 'Read less';
}
label.read-more-trigger {
cursor: pointer;
display: inline-block;
}
这是我的HTML:
<input class="read-more-state" id="read-more-controller" type="checkbox">
<div class="read-more-wrap">
<p>Lorem ipsum dolor sit amet...</p>
<p class="read-more-target">Lorem ipsum dolor …所以这是我的主要组件,其中包含标题,侧边栏和内容
<md-sidenav-container>
<app-navigation></app-navigation>
<app-header></app-header>
<div class="app-content app-content-layout">
<router-outlet></router-outlet>
</div>
</md-sidenav-container>
app-header只包含一个基本的md-toolbar视图,其中包含一个用于切换侧边栏的按钮
<md-toolbar>
<button class="app-icon-button-toggle" (click)="navToggle()">
<i class="material-icons app-toolbar-menu">menu</i>
</button>
<md-toolbar>
这是逻辑或app-header的组件
export class HeaderComponent implements OnInit {
@Output() toggleSideNav = new EventEmitter<boolean>();
navToggle() {
this.toggleSideNav.emit(true);
}
}
然后我试试这个
<app-navigation></app-navigation>
<app-header (navToggle)="app-navigation.toggle()"></app-header>
当然它不起作用导致它的愚蠢,但我不知道该怎么做.这是我遵循的参考.https://github.com/angular/material2/issues/2936
所以基本上md-sidenav是位于app-navigation组件.我想切换md-sidenav使用app-header组件.我用的是@Output,EventEmitter但它不起作用.相信我,我做了一切工作,我也使用服务方法.
//这是shared.service
@Injectable()
export class SharedService{
public sidenav: any;
}
//这是使用Service方法的app-header components interactions.
template: '<button class="app-icon-button-toggle" (click)="toggleNav()">
<i class="material-icons app-toolbar-menu">menu</i>
</button>';
export …components toggle angular2-template angular-material2 angular
我有一个看起来像这样的按钮......
<View style={styles.addToFavoritesStyle}>
<Button onPress={this.addToFavorites}>ADD TO FAVORITES</Button>
</View>
addToFavorites() {
...run some code
}
用户按下按钮后,如何将按钮文本更改为"从收藏中删除",更改按钮样式,并调用其他功能？