Tag: addclass

jquery切换css类: 这个jquery切换了两件事。（1）css类和（2）显示div。如果我在元素外部单击（菜单切换），切换效果很好，但如果我在元素内部单击，则div切换，但css类不会。这是为什么？在http://jsfiddle.net/aL7Xe/68/上实时预览第二次单击“菜单切换”时，我需要添加的css类消失。 Menu Toggle One Two Three this is more text $(‘html’).click(function() { $(‘#menucontainer’).hide(); $(‘#menutoggle’).removeClass(‘menutoggle’); }); $(‘#menuwrap’).click(function(event){ event.stopPropagation(); }); $(‘#menutoggle’).click(function(event){ $(‘#menucontainer’).toggle(); $(this).addClass(‘menutoggle’); });

jQuery addClass似乎无法在Internet Explorer中运行: 我整个下午都试图弄清楚这一点，没有运气。在我正在工作的这个网站上（ http://chezkoop.ca/united ）我们有几个区域（主页第一和第二列以及事件页面），它们使用了css伪选择器:nth-child()来颜色各种颜色行。显然， nth-child()在Internet Explorer 8中没有工作（还没有看过IE9）所以我想用jQuery使用以下内容复制这个function（这是在$(document).ready(function(){ … }); ）： $（ “后：第n个孩子（甚至） ”）addClass（“ latestpost偶”）。 $（“。dbem_events_list li：nth-child（2n-1）”）。addClass（“events-odd-row”）; $（ “TR：第n个孩子（2N + 1）”）addClass（ “日历奇数行”）。 $（ “TR：第n个孩子（1）”）。addClass（ “日历第一行”）; 然后我在我的CSS中定义了这些类（这是第一个例子）： .post：nth-child（偶数），。кstpost-even { background-color：＃f5f4e8; } 如果我使用Firebug检查Firefox中的DOM，这些类已经正确应用（尽管不必要，因为我在Firefox中）。在Internet Explorer 8或7中查看页面时，行未着色（因此可能未应用类）。一整个下午都试图弄清楚这一点没有运气。我已经通过互联网进行了搜索，并没有想出任何东西。如果有人对此有任何见解，这将是太棒了。谢谢阿德里安

CSS抑制屏幕就像Javascript警报一样: 所以我有一个隐藏的div，它显示在$(document).ready()上，显示一个表单以登录或注册。我正试图让屏幕被抑制，就像显示传统的Javascript警报一样。我正在测试阶段，只是使用一个将不透明度设置为正文的类，但它也适用于弹出式div。我试图将不透明度设置为它背后的一切。这就是我所拥有的。 $(“body”).not(“#overlay”).addClass(“suppress”); 我已经尝试了几个其他的变种来排除那个div，但我不确定它是否可能，因为我正在申请body 。你有没有建议引导我朝着正确的方向前进？

如何将每个字母包装成标签“span”并添加相同的ID: 这就是我现在所拥有的： DEMO 需要为每个字母添加与字母相同的ID …如下所示： t e s t 谢谢 HTML： Your word: ENTER JS： (function($){ jQuery(document).ready(function(){ $(“.enter”).live(‘click’, function(){ var value = jQuery(“input.text_field”).val(); jQuery(“.txt”).text(value); var words = $(‘.txt’).text().split(“”); var text = words.join(“”); $(“p”).html(“” + text + “”); }); }); })(jQuery);

一个函数中的jQuery removeClass和addClass: 我有以下菜单： My Profile Search Favorites 和我的函数（加载在标题中的.js文件中）： function loadTab() { jQuery(“.navitem”).removeClass(“active”); jQuery(“.navitem”).click(function () { jQuery(this).addClass(“active”); }); } 删除“活动”类工作，将“活动”类添加到单击的元素不起作用。有任何想法吗？最好的祝福！

添加/删除类onclick与JavaScript没有图书馆: 我正在开发一个移动网站，并希望使用JS只是添加和删除类。因此，为了保持良好和轻松，我不想使用jQuery。我有以下HTML： Brand Menu Home Benefits Features Case Studies In-Store Contact Us Close Menu 以及到目前为止的以下JS： window.onLoad = init; function init() { document.getElementById(‘openPrimaryNav’).onClick = openPrimaryNav(); document.getElementById(‘closePrimaryNav’).onClick = closePrimaryNav(); } function openPrimaryNav() { document.getElementById(‘primaryNav’).className = ‘open’; } function closePrimaryNav() { document.getElementById(‘primaryNav’).className = ”; } 我不能让这个工作有人能告诉我我做错了什么吗？提前谢谢了。基于下面提供的答案的正确JS： window.onload = init; function init() { document.getElementById(‘openPrimaryNav’).onclick = openPrimaryNav; […]

jQuery突出显示无线电选择表行: 我有一个表（标准标记），每行都有一个无线电选择。一旦收音机被选中，我想强调一下。听起来很直接，但我不能让它触发。这是标记：表行： some data some data some data 这是JS的相关部分:(修改标签以使单选按钮性别化，该位有效，位不具备）： $(‘.label_radio input:checked’).each(function(){ $(this).parent(‘label’).addClass(‘r_on’); $(this).parent(‘tr’).addClass(‘.hilite’); //this line doesn’t work }); 有任何想法吗？如果我没有提供足够的英特尔，请说出来，我会告诉你你需要的东西。非常感谢提前:)

CSS3 – 添加类以触发动画并在完成时删除类: 我有一个div，当我点击它时，jquery添加了一个启动动画运行的类。当动画停止时（3秒后），我希望删除该类，这样当再次单击div时，动画将重新开始。这只是测试，目前只有Chrome浏览器。这是我的CSS3： .spin360 { -webkit-animation-name: spin; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes spin { 0% { -webkit-transform: rotateX(0); } 100% { -webkit-transform: rotateX(-360deg); } } 这是我的脚本： $(document).ready(function () { $(‘#spinButton’).click(function () { $(‘#shape’).addClass(‘spin360’); }); }); 这是我尝试过的： $(document).ready(function () { $(‘#spinButton’).click(function () { $(‘#shape’).addClass(‘spin360’).on(‘webkitAnimationEnd’, function () { $(‘#shape’).removeClass(‘spin360’); }); }); […]

如何使用.removeClass（）来禁用jquery函数: 我希望按钮单击以删除“hover-on”类，以便hoverfunction被禁用，但是一旦DOM加载它就会删除该类，但hoverfunction仍然有效。我使用以下代码。 //Click this $(‘button’).click(function() { $(‘#main-div’).removeClass(‘hover-on’); }); //Remove class to disable this hover function $(‘.hover-on’).hover(function() { blah blah blah });