我实际上正在使用带有引导程序的按钮组结构.现在,当我点击它时,我需要为每个按钮添加活动类.当我点击另一个按钮时,从中删除.
这是我的HTML结构,是这样的:
<body>
<div id="header">
<div class="logo">Prova<span class="sec-logo">toscana</span>15</div>
<div class="bottoni">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default" id="b1">12345</button>
<button type="button" class="btn btn-default" id="b2">12345</button>
<button type="button" class="btn btn-default" id="b3">12345</button>
<button type="button" class="btn btn-default" id="b4">12345</button>
<button type="button" class="btn btn-default" id="b5">12345</button>
<button type="button" class="btn btn-default" id="b6">12345</button>
</div>
</div>
</div>
</body>
有人可以帮帮我吗？谢谢.
我试图使用这个jQuery脚本,但也许有些不对劲.我想通过单击页面右侧的箭头使脚本工作.正如你从JavaScript代码和jsfiddle测试中看到的那样,我试图向下滑动隐藏的#top-bg.
JavaScript代码:
$(document).ready(function() {
$(".bottone").click(function() {
$("#top-bg").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
这是jsfiddle测试: TEST
我做错了什么？
我试图用一些onclick事件和条件用jquery语句执行一些警报.但似乎事件处理程序无法正常工作,可能是因为我的事件处理逻辑中遗漏了一些事实.我只有一个按钮,ID为#bottone1,我有一些id #b1和#的菜单按钮b2.
第一个事件工作正常,它正确地添加了类" cliccatoInvoca1_OnReady".当我点击#bottone1它时,启动第一个警报" cliccatoInvoca1_OnReady".onClick事件也$("#b1")正常,它删除了类" cliccatoInvoca1_OnReady"并替换为类" cliccatoInvoca1".
当我点击#bottone1它时,就像第一个警报" cliccatoInvoca1_OnReady",然后是"cliccatoInvoca1".然后,当我点击它#b2,然后我点击#bottone1它执行3警报," cliccatoInvoca1_OnReady"," cliccatoInvoca1",最后" cliccatoInvoca3".
因此,主要问题是,如果条件仅执行1次警报,则它不起作用.所以当我点击#时,bottone1它会按顺序执行所有警报.
$(document).ready(function () {
$("#select-1").multiselect();
invoca1();
$("#bottone1").addClass("cliccatoInvoca1_OnReady btn btn-default");
if ($("#bottone1").hasClass("cliccatoInvoca1_OnReady")) {
$("#bottone1").click(function () {
alert("cliccatoInvoca1_OnReady");
keys = [];
$('input[name="multiselect_select-1"]:checked').each(function () {
keys.push(this.value);
});
});
}
$("#b1").click(function () {
invoca1();
$("#bottone1").removeClass("cliccatoInvoca1_OnReady noClass").addClass("cliccatoInvoca1");
if ($("#bottone1").hasClass("cliccatoInvoca1")) {
$("#bottone1").click(function () {
alert("cliccatoInvoca1"); …