Tag:

jQuery递归地将编号的类添加到div块

我正在从数组中包含固定数量的div(例如每组4个)。 从数组返回的.item div的数量是未知的…我需要以递归方式将相同的类添加到包含以下的div组: … … 这是最终结果: … … 我用来包装div的代码: var divs = $(“.item”); for(var i = 0; i < divs.length; i+=4) { divs.slice(i, i+4).wrapAll('’); }

jQuery hide / show div onclick span

我正在尝试为一个项目获得jQuery的摇摆,我在这里和那里拿起一些东西但是我时不时地打了个蠢蛋。 在这个jsFiddle上你可以看到我在做什么: http : //jsfiddle.net/YpeeR/17/ jQuery(document).ready(function() { jQuery(‘.toggle_hide’).hide(); jQuery(“#background_absolute_content li span”).css(‘cursor’, ‘pointer’).click(function() { var $this = $(this); $(‘.toggle_hide’).not($this.next(“div”)).fadeOut(200, function() { $this.next(“div”).fadeIn(200); }); }); }); 我有一个隐藏在li元素中的4个div。 当用户点击div所在的li元素内的span标记并且其他div被关闭时,div会显示。 这工作正常,但我希望用户能够切换当前div。 因此,当用户单击li元素中的span时,将显示隐藏的div,当用户再次单击相同的span时,我希望div再次隐藏。 不幸的是,fadeToggle似乎并没有像你在http://jsfiddle.net/YpeeR/18/那样看到伎俩,但我似乎无法弄清楚为什么会这样……

在Sencha ExtJS框架中应该删除哪些组件事件? (恼人的红线)

当使用它的分割条(组件的上边缘)调整此组件的大小时,这条恼人的红线会随机出现。 我确实通过删除它的CSS类来弄清楚如何永久地删除红线,但是有一个问题22.我很难在Sencha ExtJS框架中删除这个Activity1组件的CSS类。 我有一个样式问题,其中backgroundColor样式属性显示该组件内容器的非常特定布局的红线。 红色实际上来自名为“.x-border-layout-ct”的类。 由于这三个组件的backgroundColor是’#F1F1F1’(white-ish),并且由于这三个组件位于Activity1之上,因此它应该掩盖Activity1 backgroundColor。 事实上它确实存在,但只有当我将Activity1面板(在视口中)调整为特定大小时。 我能够通过使用“this.removeCls(’。x-border-layout-ct’)”删除此类来纠正问题,但如果我应用“this.callParent(arguments)”,则它无法正常工作。 在这种情况下,CSS类会回来。 避免使用“this.callParent(arguments)”并不好,因为面板标题不会被渲染。 Ext.define(‘App.view.module1.Activity1’, { extend: ‘Ext.form.Panel’, xtype: ‘view-module1-activity1’, title: ‘test’, layout: { type: ‘border’ }, items: [{ id: ‘top_component’, region: ‘north’, xtype: ‘component’, html: ‘top panel’, style: { backgroundColor: ‘#F1F1F1’ } }, { id: ‘middle_component’, region: ‘center’, xtype: ‘component’, html: ‘Middle Component’, height: 50, style: { […]

显示类而不是ID(jQuery)

Tab1 content … var a = $(this).attr(‘href’); $(a).show(); 这可以工作,但只有当容器有一个ID,因为锚链接以“#”开头,​​我如何使它与一个类一起工作,以便识别 content ? 非常感谢

jquery在hover时删除添加类

好吧,所以我找到了一个代码,它似乎工作但我需要添加一些代码,以防止它被触发,如果我将鼠标hover在其子菜单/子菜单元素上,但仍然需要在我将鼠标hover在其他项目时触发或其他项目childern menu这是当前的脚本 $(document).ready(function() { $(“#navbar li:hover, #navbar li:sfhover”).hover(function(){ $(‘#navbar .current-menu-parent, #navbar li.current-menu-item’).addClass(“non-ahover”); }, function(){ $(‘#navbar li.current-menu-parent, #navbar li.current-menu-item’).removeClass(“non-ahover”); }); }); 所以我当前的活动菜单会有.current-menu-parent或.current-menu-item。 我的子菜单以父 类中的 类开头,子菜单类为 ,然后继续使用 类作为其项目。 所以我的问题是,当我将鼠标hover在我的子菜单上时,其中一个项目是当前页面或被查看的父页面上面的脚本触发并导致丑陋的是我可以放入一个代码片段如果当前子菜单可见则停止调用的脚本,因此它不应用脚本要应用的类? 我知道可能有点混乱,但如果你需要澄清,请告诉我,我会尽我所能帮助。

JQuery if label包含这个…执行此操作

我在页面上有asp.net转发器。 如果重复的每个项目都包含在这样的标签中: value 如果此标签包含文本“35”,我想在其旁边显示一些文本。 我怎么能用jquery做到这一点??? jQuery(document).ready(function () { if ($(‘.ItemName’).val().indexOf(“35”)) { $(this).val() = $(this).val() + “some text”; } });

如何设置变量来引导替代类?

这是对前一个问题的重新发布。 其他问题的表述还不够好。 我不会删除其他问题,因为它可能对其他人有用。 大家好, 我有一个javascript / jquery脚本,包含cookie并通过为body标签指导background-image-classes。 这个脚本的一小部分例如: $(‘.somebuttons_class’).live(‘click’, function(){ $(‘#body_bg’).removeClass(‘image10’).addClass(‘image1’); $.cookie(‘bg_for_the_day’, ‘image1’, { path: ‘/’, expires: 1 }); }); 在这段脚本中,用户正在向’body_bg’显示可选的’image10’,但是想要将其更改回’image1’的默认图像。 此脚本现在位于我的“mypage.html”页面的主题部分。 我想把它移到外部的js页面。 问题是:正如你所看到的,我已经通过名称’image1’调用了主体的默认类。 但是’myotherpage.html’的默认类是’image2’,而’yetanother.html’是’image3’。 这意味着我必须将整个脚本复制/过去“myotherpage.html”并将所有’image1’更改为’image2’。 这是很多dubble代码,但它会工作。 但是,如图所示,我的cookie也给了我返回值=’image1’。 所以这对我的其他任何页面都不起作用! 问题:如何在我的javascript中设置一个名为’default’的变量,而不是class =’image1’或’image2’? 如果页面是’mypage.html’,如何输入脚本将’default’翻译回’image1’,如果页面是’myotherpage.html’,则使用’image2’? 只是为了给你一个我的意思: var currentPage = window.location.pathname; var default; if(currentPage == “mypage.html”){ default = “image1”; } if(currentPage == “myotherpage.html”){ default = “image2”; } 然后前面的脚本将看起来像这样: $(‘.somebuttons_class’).live(‘click’, […]

隐藏/显示切换具有相同类名的单独div

我有一个UL列表,每个LI都有一个隐藏的DIV,以及一个显示隐藏DIV的“更多信息”链接。 但是,单击此按钮也会显示所有其他LI的隐藏DIV。 我怎样才能隐藏/显示LI中的DIV,而不是所有其他隐藏的DIV节目? 如果我点击一个我怎么能隐藏其他人? 我想保留这部分,但以后我想删除它。 同样点击我希望“更多信息”链接中的文字更改为“隐藏”。 这是我目前的脚本: $(window).load(function() { $(‘.grey_button a’).toggle(function() { $(‘.job_description’).slideDown(”); return false; }, function() { $(‘.job_description’).slideUp(”); return false; }); });

从.html()中删除带有类的div

如果我有: $activity = $(“#activity_contents”).html(); 有没有办法用类排除列表项: Something 来自#activity_contents div中的html内容显示? 谢谢。 更新 我有一个拖放活动,其中重置按钮使用以下命令将活动重置为其原始状态: Reset jQuery的 $activity = $(“#activity_contents”).html(); $(“#activity #reset_activity”).click(function(e) { e.preventDefault(); $(“#activity_contents”).html($activity); refreshActivity(); }); 但我不希望任何一个正确的类别重置。 这有可能吗? 谢谢

jQuery tmpl插件 – 来自动态内容的模板结果问题(bug?)

我使用jQuery模板( http://api.jquery.com/jquery.tmpl/ )基于远程内容在页面上呈现列表,这一切都运行良好,但是当我将一个类应用于内容并拥有一个类动态模板内容的click事件不尊重硬编码内容正常工作的动作。 我稍微编辑了tmpl插件附带的基本演示,以添加静态列表作为概念certificate: http : //jsfiddle.net/3eVrR/2/ 单击静态“条形”链接会生成我所期望的警报。 单击任何按钮(漫画或戏剧)以生成列表,然后单击它们的超链接(它与硬编码链接具有相同的类)不会触发警报。 任何人都可以看到问题是什么? Firebug没有显示任何错误,在检查时静态和动态内容的类是相同的。 谢谢