Tag: addclass

如何使用jQuery或JavaScript基于当前URL和单击事件将一个类“active”分配给li元素

我正在尝试创建一个菜单，只要选择并加载了一个类“active”就会被分配给该页面。 现在它默认仅应用于索引页面。 我的菜单片段： Main News Contacts

JQuery：将类添加到元素 – 不能将此类用于选择器？

我有以下问题：为了在不同的情况下标记一个元素，我想在元素中添加一个类： jQuery(‘#menu-item-41 a’).addClass(‘newsbox-closed1’); 后来我想点击这个类的元素时做一些有趣的工作人员 – 到目前为止它工作正常： jQuery(‘.newsbox-closed1’).click(function(){ jQuery(‘#newsbox’).css(‘display’, ‘block’); jQuery(this).css(‘background-color’, ‘#FF33AB’).removeClass(‘newsbox-closed1’).addClass(‘news-open’); }); 到现在为止一切都很好。 该元素获得“新闻打开”类，并出现新闻框。 但是以下内容不再适用： jQuery(‘.news-open’).click(function(){ alert(‘JUCVJU’); jQuery(this).removeClass(‘news-open’).addClass(‘newsbox-closed2’); jQuery(‘#newsbox’).css(‘display’, ‘none’); }); 想法：当有人再次点击同一个链接时，新闻框应该消失，链接将获得一个新类。 这不起作用 – 不删除“new-open”类，不显示alertbox，什么也没有。 此外，以下工作还有一半 – 它是新闻箱上的关闭按钮： jQuery(‘#close’).click(function(){ jQuery(‘#newsbox’).css(‘display’, ‘none’); jQuery(‘.news-open’).removeClass(‘news-offen’).addClass(‘newsbox-closed2’) }); id为“newsbox”的元素消失，但第二部分无效。 这个元素的类仍然存在。 我没有收到任何错误消息，没有…有没有人知道是什么原因引起的？ 最好的，托比亚斯

获取url路径并在li上添加活动类

我尝试抓住url路径，然后在li示例中添加活动类：www.mysite.com/？p = xxxx x将根据用户点击的链接而改变 我试过这个： Åbningstider Butikker Det sker Nyhedsbrev Find vej var text = window.location.href.match(/http:\/\/www\.mysite\.com\/(.+)/)[1].replace(/_/g,’ ‘); $(“#nav li”).filter(function() { return $.text([this]) == text; }).addClass(“active”); 但没有任何反应。 我做错了什么？

jQuery在两个以上的类之间切换

我已经在这里发布了一个关于jQuery toggle方法的问题但是问题是即使使用migrate插件它也行不通。 我想写一个将在五个类之间切换的脚本（0 – > 1 – > 2 – > 3 – > 4 – > 5）。 这是我使用的JS代码的一部分： $(‘div.priority#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority’).addClass(‘priority-low’); }); $(‘div.priority-low#priority’+id).on(‘click’ ,function() { $(this).removeClass(‘priority-low’).addClass(‘priority-medium’); }); $(‘div.priority-medium#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority-medium’).addClass(‘priority-normal’); }); $(‘div.priority-normal#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority-normal’).addClass(‘priority-high’); }); $(‘div.priority-high’+id).on(‘click’, function() { $(this).removeClass(‘priority-high’).addClass(‘priority-emergency’); }); $(‘div.priority-emergency’+id).on(‘click’, function() { $(this).removeClass(‘priority-emergency’).addClass(‘priority-low’); }); 这不是代码的第一个版本 – 我已经尝试过其他一些东西，比如： $(‘div.priority#priority’+id).toggle(function() { $(this).attr(‘class’, […]

如何在JQuery中向同一个类添加不同的类？

我没有开始使用的代码，因为我没有使用JQuery，这看起来像是先进的东西。 我知道如何添加类，隐藏元素和其他类型的东西，但这对我来说是一个新的东西。 这是问题所在。 我通过php和mysql提供内容。 内容将共享同一个类，每页将列出五个。 我需要让每个相同的类都添加一个额外的类来为它提供一个独特的类。 下面是html的示例。 我需要Jquery对html执行此操作： 为Id标记创建脚本是不切实际的，因为如果我有一千个Id，那么我将不得不每个id复制脚本一千次以上，以便列表变长。 这仅用于javascript目的，因此我想将其保留在javascript中。 如果有一种方法可以在服务器端实现这一点，我也会采取这些建议。 感谢所有人提前帮助解决这个问题。

滚动时调整标题大小

我希望在用户滚动时调整标题大小，并在页面位于顶部时再次resize。 我有这个例子HTML Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis […]

addClass（）然后单击removeClass（）（jquery）

我想做一些画廊。 想要使用addClass来显示图像，然后点击同一个地方删除这个新类我用谷歌搜索求助，但是在试图让它正常工作一小时之后，我就是在寻求帮助。 我在这里找到了反向选项的解决方案（首先删除并添加） 码： #window { width: 570px; height: 455px; position: relative; background-color: grey; padding: 20px; margin: 0 auto; top: 50%; margin-top: -225px; } .image { display: inline-block; margin: 5px; } #wrapper { width: 568px; height: 455px; position: absolute; } .close { display: none; } .big_image{ width: 100%; display: block; } $(document).ready(function(){ $(‘.image’).nailthumb({containerClass:’image’,height:100, width:100, fitDirection:’center’, […]

addClass从jQuery转换为MooTools

我有使用MooTools 1.4的Joomla的Kunena论坛模板。 我集成了这个主题引导工具提示function，并添加了MooTools addClass来触发某些类中的工具提示。 我检查了MooTools文档，代码如下所示： $$(‘h3 a, .tk-page-header h1 .tk-latestpost a, .tk-topic-title a, .tk-topic-info a, .tk-preview-avatar a, .tk-social-icons a, .kpost-user-icons a, .kicon-profile, .tk-user-info-body li a, span.kkarma-plus, span.kkarma-minus, .btnImage’).addClass(‘ hasTooltip’); 上面的代码可以在http://jsfiddle.net/AgpbL/上看到（滚动到底部） 不幸的是它不起作用，所以我创建了以下jQuery脚本 jQuery(document).ready(function(a){ a(“h3 a, .tk-page-header h1 .tk-latestpost a, .tk-topic-title a, .tk-topic-info a, .tk-preview-avatar a, .tk-social-icons a, .kpost-user-icons a, .kicon-profile, .tk-user-info-body li a, span.kkarma-plus, span.kkarma-minus, .btnImage”).addClass(” […]

如何使用jquery动态添加或删除附加到元素的类？

我正在尝试使用我的网页中的jQuery动态添加和删除类。 这里;代码 – .sub-inactive{display:none;} .sub-active{display:!important;} $(document).ready(function(){ $(‘.sub’).parent().hover( function(){ $(‘.sub’).removeClass(‘sub-inactive’).addClass(‘sub-active’); }, function(){ $(‘.sub’).removeClass(‘sub-active’).addClass(‘sub-inactive’); }, ); }); link1 link2 link3 link 3a link 3a link 3a link 3a link4 link5 基本上，有一个元素附加到一个元素（在这种情况下，子活动，亚非活动）。 并且基于页面中发生的某些事件，我想动态地改变元素的类状态。 即，例如，如果对于一个元素，现在出现的类是class =“sub sub-active”，我想使用jquery更改为class =“sub sub-INACTIVE”…. 请告诉我如何从元素中添加/删除特定类。 下面给出的两行代码（来自上面的例子）似乎不起作用 – function(){ $(‘.sub’).removeClass(‘sub-inactive’).addClass(‘sub-active’); }, function(){ $(‘.sub’).removeClass(‘sub-active’).addClass(‘sub-inactive’); } 谢谢！

使用href保持活动点击列表

我有一个关于让点击按钮/列表/锚点保持不同颜色的问题……这个问题由FAngel回答，我再次感谢。 现在，我对同一个问题有不同的问题。 http://jsfiddle.net/fxTQL/7/ 在这个小提琴中，效果是我想要的确切效果，但是，在我的网站上，它将无法正常工作。 我想我知道问题是什么，但我不知道如何解决它。 我的网站有一个框架，如果我点击你在jsfiddle上看到的按钮，就可以获取主题/post。 所以页面“刷新”并显示链接。 然而，这使得不可能使点击的链接具有不同的颜色。 它会自动返回到第一个列表项，该列表项已经是背景色 我怎么能解决这个问题？ 这是我考虑过的。 <li> all