Jquery toggleClass()不适用于div
我一直在一个网站上工作,遇到了一个问题。在我的FAQ中,我有一个下拉菜单和一个提交按钮来链接到FAQ的不同部分。这很好用。submit按钮触发一个javascript函数,该函数动态链接到页面上相应的锚。此外,我希望下拉菜单选择的问题以橙色突出显示。我得到了突出显示,但只有一瞬间,它闪过。我想知道如何保持高光,而不是闪光?我不确定为什么会发生这种情况。此外,如何使用jQuery使高亮显示淡入淡出?我知道如何隐藏div,然后使用.fade(),但这会导致所有文本消失。非常感谢 这里有一把小提琴:但它不能完全工作,因为当你提交时,它会出现一个错误。我认为这是因为JSFIDLE不允许提交,即使提交只是运行一些javascript。如果你知道一个方法,请让我知道,这样我可以更新链接!谢谢 javascript:Jquery toggleClass()不适用于div,jquery,html,css,Jquery,Html,Css,我一直在一个网站上工作,遇到了一个问题。在我的FAQ中,我有一个下拉菜单和一个提交按钮来链接到FAQ的不同部分。这很好用。submit按钮触发一个javascript函数,该函数动态链接到页面上相应的锚。此外,我希望下拉菜单选择的问题以橙色突出显示。我得到了突出显示,但只有一瞬间,它闪过。我想知道如何保持高光,而不是闪光?我不确定为什么会发生这种情况。此外,如何使用jQuery使高亮显示淡入淡出?我知道如何隐藏div,然后使用.fade(),但这会导致所有文本消失。非常感谢 这里有一把小提琴:但
var toggled = 0;
function jump_to (location) {
if(toggled == 0){
toggled = 1;
window.location.href = "#" + location;
$("#wrap"+location).toggleClass("wraps_active");
}
}
html:
请试试这个
$("#wrap"+location).addClass("wraps_active");
请尝试此操作,而不是切换类别
$("#wrap"+location).addClass("wraps_active");
不要每次提交表单时都使用
toggleClass
,而是清除所有活动的包装类,并仅为选定的包装类添加它
$('form input[type=submit]').click(function(e) {
e.preventDefault();
var location = $('select[name=jump_list]').val();
window.location.href = "#" + location;
$('.wraps').removeClass('wraps_active');
$("#wrap"+location).addClass("wraps_active");
});
以下是。每次提交表单时,请清理所有活动的包装类,并仅为选定的类添加它
$('form input[type=submit]').click(function(e) {
e.preventDefault();
var location = $('select[name=jump_list]').val();
window.location.href = "#" + location;
$('.wraps').removeClass('wraps_active');
$("#wrap"+location).addClass("wraps_active");
});
以下是。方法
.toggleClass()
的第二个参数接受一个布尔值,以您想要的方式进行特定的切换。.toggleClass()
方法的第二个参数接受一个布尔值,以您想要的方式进行特定的切换。感谢您的回复!我试过了,但同样的问题依然存在。谢谢你的回复!我试过了,但同样的问题依然存在。