我有几个嵌套的div元素,如下所示:
<div class="main">
blah blah blah <div class="clickme">clickme</div>
</div>
<div class="main">
bleh bleh bleh <div class="clickme">clickme</div>
</div>
<div class="main">
blih blih blih <div class="clickme">clickme</div>
</div>
我想通过单击其子div标签中带有"clickme"类的相应"clickme"文本来触发切换事件,该事件将显示/隐藏标有"main"类的div.对不起,我无法弄清楚如何做到这一点.谢谢.
这个jquery切换了两件事.(1)css类和(2)显示div.如果我在元素外部单击(菜单切换),切换效果很好,但如果我在元素内部单击,则div切换,但css类不会.这是为什么？
在http://jsfiddle.net/aL7Xe/68/上实时预览
我需要添加的css类在第二次点击"菜单切换"时消失.
<div id="menuwrap">
<a href="#" id="menutoggle">Menu Toggle</a>
<ul id="menucontainer">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</div>
this is more text
<script>
$('html').click(function() {
$('#menucontainer').hide();
$('#menutoggle').removeClass('menutoggle');
});
$('#menuwrap').click(function(event){
event.stopPropagation();
});
$('#menutoggle').click(function(event){
$('#menucontainer').toggle();
$(this).addClass('menutoggle');
});
</script>
我一直在寻找一段时间,我找不到答案或让我按照自己的意愿工作.
现在我有一些隐藏的内容,然后在点击"阅读更多"时向下扩展但是当它被点击时,我希望将该文本更改为"Less"或"Hide"或其他内容.
这是我的代码.
$(document).ready(function () {
$('.moreinfo').hide();
$('.more').click(function () {
$('#info'+$(this).attr('target')).toggle(500);
return false;
});
});
那就是这个html
<p class="moreinfo" id="info1">CONTENT HERE</p>
<a class="more" target="1">Read More</a>
任何帮助是极大的赞赏!谢谢.
我想在C#Winform上切换控件,并以这种方式编写它:
private void chtCPU_Click(object sender, EventArgs e)
{
bool is3d = chtCPU.ChartAreas["ChartArea1"].Area3DStyle.Enable3D;
chtCPU.ChartAreas["ChartArea1"].Area3DStyle.Enable3D = !is3d;
}
这会被认为是实现这个目标的好方法吗？它似乎具有高可读性和高效性,但这是一种好方法吗？
我试过这个:
$('.aaa').mouseenter(function () {
$(this).css('background', '#aaaaaa');
$(this).css('border', 'solid 1px red');
});
$('.aaa').mouseleave(function () {
$(this).css('background','blue');
});
$('#tog').click(function () {
$('.aaa').off('mouseenter mouseleave').on('mouseenter mouseleave');
});
并且它不起作用 - 只是关闭事件/功能.
另外,如何只切换函数的一部分 - 例如只是$(this).css('background', '#aaaaaa');- 而不是切换整个函数？
嗨,我正在尝试通过xml 更改切换按钮的文本颜色.
我已经引用了链接,但它只更改了切换按钮的背景颜色,而不是其文本.
我试过这种方法:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:color="#ffffff" />
<item android:state_checked="false" android:color="#000000" />
</selector>
但只有背景在变化.
注意:我不想在代码中执行此操作,因为有21个切换按钮,并且每个按钮的设置监听器都不好.
android toggle togglebutton android-button android-togglebutton
'my-layout'代码:
<link rel="import" href="../bower_components/iron-icons/iron-icons.html" >
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html" >
<link rel="import" href="../bower_components/paper-drawer-panel/paper-drawer-panel.html" >
<link rel="import" href="../bower_components/paper-header-panel/paper-header-panel.html" >
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html" >
<polymer-element name="m-layout" >
<template>
<paper-drawer-panel>
<paper-header-panel drawer>
<paper-toolbar>
<div>Application</div>
</paper-toolbar>
<div> Drawer content... </div>
</paper-header-panel>
<paper-header-panel main>
<paper-toolbar>
<paper-icon-button icon="menu" style="color: white;" paper-drawer-toggle></paper-icon-button>
<div>Title</div>
</paper-toolbar>
<div> Main content... </div>
</paper-header-panel>
</paper-drawer-panel>
</template>
<script>
Polymer({
is: 'm-layout',
togglePanel: function() {
this.$.paper_drawer_panel.togglePanel();
}
});
</script>
</polymer-element>
如果我添加paper-drawer = toogle属性,主抽屉中的纸图标按钮就会消失...
'main.jsp'代码:
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link …首先，我是javascript的初学者，我只想了解一下点击切换。我正在制作一个像flatuicolors.com的网站，当您单击div时，它将复制颜色。我已经在P标签的每个div中写入了每种颜色，并且想知道是否可以单击以在该div中复制P标签。
<div class="main-colour-container col-group-1">
<div class="colours-featured" id="div2">
<div class="colour-box" style="background:#F22613;">
<div class="inside-colour-box">
<div class="colour-box-text fade">
<p>#F22613</p>
</div>
</div>
</div>
<div class="colour-box" style="background:#F44336;">
<div class="inside-colour-box">
<div class="colour-box-text fade">
<p>#F44336</p>
</div>
</div>
</div>
<div class="colour-box" style="background:#C62828;">
<div class="inside-colour-box">
<div class="colour-box-text fade">
<p>#C62828</p>
</div>
</div>
</div>
<div class="colour-box" style="background:#DB3D45;">
<div class="inside-colour-box">
<div class="colour-box-text fade">
<p>#DB3D45</p>
</div>
</div>
</div>
</div>
</div>
我正在使用.on单击功能来启用设置.我如何修改此单词,将(true)值从false 切换为true,然后在下一次单击时再返回？
$("#myBtn").on('click', function(){
panorama.setVisible(true);
});
我是Angular的新手，想从简单的学习入手。
我目前正在开发一个表单，并具有div，我需要在选择用户时进行切换。我需要创建Angular 6组件来创建这样的切换功能吗？
如何进行切换-是否使用组件（如果可能）？
谢谢