缩短这个的最有效方法是什么？
$('.img').click(function(e) {
if ($(this).attr('id') == 'myid') {
$('#a').hide();
$('#b').show();
} else {
$('#a').show();
$('#b').hide();
}
});
如果添加了另一个选项,则会对您的答案进行任何更改 else if
如何根据特定条件使相同的按钮执行多个功能并相应地更改按钮上的文本？你如何使用选择器做到这一点？
我已经完成了几十次,但出于某种原因,我无法弄清楚为什么单击#downdown-button时#downdown-list div没有显示...
<html>
<head>
<script type="text/javascript">
function toggleDropdown(optionalArg){
optionalArg = (typeof optionalArg == "undefined")?'defaultValue':optionalArg
ele = document.getElementById("dropdown-list");
//If optionalArg is 0 we want to hide it
if(optionalArg == 0){
ele.style.display=='none'
}
//If optionalArg is 1 we want to show it
else if(optionalArg == 1){
ele.style.display=='block';
}
//If optionalArg is NULL we want to toggle it's display
else{
if(ele.style.display=='none')
ele.style.display=='block';
else
ele.style.display=='none';
}
}
</script>
<style type="text/css">
#dropdown-container{
width:200px;
border:1px solid black;
overflow: hidden;
}
#dropdown-text {
width:176px;
float:left;
}
#dropdown-button …我想这样做.
我有3个单选按钮,
我想在没有jquery的标准javascript中做,因为目前还没有.
到目前为止,这是我的代码.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript">
function toggle(radioBtn)
{
if(radioBtn.checked)
{
radioBtn.checked = false;
}
else
{
radioBtn.checked = true;
}
// only select one at a time.
}
</script>
</head>
<body>
<form id="myForm" name="myForm">
<input type="radio" name="radioBtn" id="radioBtn1" value="A" onClick="toggle(this);" />
<input type="radio" name="radioBtn" id="radioBtn1" value="B" onClick="toggle(this);"/>
<input type="radio" name="radioBtn" id="radioBtn1" value="C" onClick="toggle(this);"/>
</form>
</body> …我有以下代码片段,并且要求仅显示前2个<LI>并隐藏所有其他代码片段<LI>.我怎么能做到这一点？我基本上需要切换节目并使用jquery隐藏按钮单击.
代码片段:
<UL>
<LI/>
<LI/>
<LI/>
<LI/>
<LI/>
</UL>
我正在尝试在我的网络表单中实现textarea和ckeditor之间的切换开关切换.截至目前,我能够在2位编辑之间切换.但我无法在两个编辑器中拥有相同的内容.它像2个单独的textarea一样对待它,当我从textarea切换到ckeditor时,我希望它们具有相同的内容.任何人都可以帮助我并且知道我缺少什么？
提前致谢
码:
<textarea id="editor1" name="editor1" class="ckeditor" rows="20" cols="75"></textarea>
<input type="button" value="CKEditor" onclick="CKEDITOR.replace('editor1');" />
<input type="button" value="Text editor" onclick="CKEDITOR.instances.editor1.destroy('editor1');" />
<input type="submit" value="Submit" />
</form>
下面的示例适用于启用/禁用href但不适用于onclick.我需要启用/禁用这两个属性
注意:一旦我们启用它,我就不能简单地将onclick事件移除/绑定到dummy function().
脚本代码:
<script type="text/javascript">
$(document).ready(function () {
$("#b1").click(function () {
$("#yahoo").attr("disabled", "disabled");
$("#yahoo").css("background-color", "silver");
})
$("#b2").click(function () {
$("#yahoo").removeAttr("disabled");
$("#yahoo").css("background-color", "white");
})
$("#yahoo").click(function (e) {
if ($("#yahoo").attr("disabled") == "disabled") {
e.preventDefault();
}
});
});
</script>
HTML代码:
<div>
<input type="button" id="b1" value="Disable Yahoo Link">
<input type="button" id="b2" value="Enable Yahoo Link">
</div>
<a id="yahoo" target="_blank" href="javascript:alert('href alert')" onclick="javascript:alert('onclick alert')">Yahoo.com</a>
我正在尝试创建一个下拉菜单,该菜单会在点击时激活,而不是在悬停时激活.到目前为止,我点击了使用一个小的javascript,但是子菜单显示良好,如果点击其他菜单隐藏其他子菜单,我无法弄清楚如果单击其父菜单如何隐藏子菜单.
EG在这个JS小提琴中 我可以点击"父母1"来揭示它的孩子,当我点击"父母2"父母1的孩子隐藏和父母2的孩子显示.但是,如果父母1的孩子表明我希望能够通过再次点击父母1来隐藏他们(或者甚至更好地在孩子外面的任何地方)
我已经看到了一些示例,其中每个父级和子菜单都有单独的类或ID.我想避免这种情况,因为它需要在cms中工作.
这是我的基本代码
HTML:
<div>
<ul>
<li><a href="#">Parent 1</a>
<ul>
<li><a href="#">Parent 1 » Child 1</a></li>
<li><a href="#">Parent 1 » Child 1</a></li>
<li><a href="#">Parent 1 » Child 1</a></li>
</ul>
</li>
<li><a href="#">Parent 2</a>
<ul>
<li><a href="#">Parent 2 » Child 2</a></li>
<li><a href="#">Parent 2 » Child 2</a></li>
<li><a href="#">Parent 2 » Child 2</a></li>
</ul>
</li>
<li><a href="#">Parent 3</a>
<ul>
<li><a href="#">Parent 3 » Child 3</a></li>
<li><a href="#">Parent 3 » Child 3</a></li>
<li><a href="#">Parent 3 » Child 3</a></li>
</ul> …我正在使用Twitter Boostraps组件折叠来显示一些字段,这些字段是通过单击另一个字段来完成的.但是,如果我再次单击相同的字段,其他字段将再次隐藏(即切换).
我想要的是禁用切换,以便在第二次单击该字段时不会隐藏字段.这可以通过一些内置方法轻松完成,还是我需要深入了解js文件以自行更改？
在这个网站上,我有以下内容<script>
<script>
$(document).ready(function() {
$('#menu-item-63>a').click(function(){
$('#newsletter-container').toggle();
}
}};
</script>
以下菜单:
<ul id="menu-bottom-menu" class="menu"><li id="menu-item-56"><a href="https://staging.venusanddiamonds.com/contact">Contact Us</a></li>
<li id="menu-item-63"><a href="#">Subscribe</a></li>
<li id="menu-item-55"><a href="https://staging.venusanddiamonds.com/faq">FAQ</a></li>
<li id="menu-item-54"><a href="https://staging.venusanddiamonds.com/privacy-terms">Privacy & Terms</a></li>
<li id="menu-item-53"><a href="https://staging.venusanddiamonds.com/news-events">News & Events</a></li>
</ul>
以下div:
<div id="newsletter-container">
<div id="newsletter">
...etc...
</div>
</div>
但是,当我Subscribe在底部菜单中单击时,切换不起作用 - #newsletter-container不显示.
toggle ×10
javascript ×5
jquery ×5
button ×2
html ×2
anchor ×1
ckeditor ×1
collapse ×1
css ×1
ios ×1
menu ×1
objective-c ×1
radio-button ×1
selector ×1