Tag: class

删除非活动类项

我试图通过上传图像并通过创建具有新id’s新div并将class作为第一页的current添加到容器中来进行如下所示的pagination 。 如果我更改为新页面,则将活动类删除到当前页面并将其添加到所选页面。 我想知道如何删除所有没有“当前”类的inactive页面 这是我的代码: var imagesPerPage = 4, pageNumber = 1; function onAjaxSucceded(data) { var pagesContainer = $(‘#pagesContainer’), imagesInPage = 0, divPage = $(“#p1″); $.each(data.result, function(index, file) { if (imagesInPage >= imagesPerPage) { imagesInPage = 1; pageNumber += 1; divPage = $(”, {id : “p” + pageNumber}).addClass(‘pagedemo’).hide().appendTo(pagesContainer); } else { imagesInPage += 1; } […]

JQuery 类触发3D变换

我正在寻找一个很好的方法来提示css3 3d变换,通过使用JQuery向html标签添加类。 我有这样的菜单: Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 例如,如果单击“.menu1 a”,我想将类“show1”添加到html标记中。 ‘show2’如果’.menu2 a’被点击等。 但是为了使我的转换正常工作,我还需要添加另一个类,然后在设置的时间(如3秒)后删除。 因此,如果单击“.menu1 a”,则html类将“show1 zoom”3秒,然后只是“show1”。 如果单击’.menu2 a’,则html类将为’show2 twirl’。 我不介意在脚本中手动设置转换的名称(缩放,旋转等),但如果它更容易/更整洁我可以在li上使用类系统,例如’menu1 p-show1 t-zoom ”。 我在这里有一个半工作的例子。 如果您检查html标签(单击html旁边的齿轮)并将html类从’show1’更改为’show2 zoom’,您将看到所需的过渡,该过渡应该是旋转到正确侧(.show2)的立方体,还有顶部的花式过渡(.zoom)。 一切都正常工作,除了.js,我根本无法工作! 这里有新的演示。

原型到JQuery转换 – 坚持使用class.create

我是一个试图将代码从原型转换为JQuery的新手。 我正在通过基础知识,但我坚持使用下面的代码。 我已尝试使用jquery范围,但无法解决它。 这是代码,我真的很感激一些帮助。 var SaveForm = Class.create(); SaveForm.prototype = { formId: null, responseText: null, initialize: function(formId) { this.formId = formId; }, sendRequest: function(idform) { var referenceThis = this; $(idform).request( { onSuccess: function(transport) { referenceThis.responseText = transport.responseText; referenceThis.onSuccess(); }, onFailure: function(transport) { referenceThis.responseText = transport.responseText; referenceThis.onFailure(); } }); }, onSuccess: function() { }, onFailure: function() […]

使用JS定位类名迭代

我试图将JSON数据解析为类名“slide_content”的特定迭代 得到这样的东西: slide_content[0] 但是JS没有提供getElementByClass()选择器。 有问题的API数据在这里: 将Straight JS转换为JQuery 干杯! 迈尔斯

jQuery Owl Carousel 2隐藏导航

我正在构建一个带有’Owl Carousel 2’的漂亮内容滑块,只有当只有一个或多个项目可见时才可以隐藏导航按钮吗? 当只有一个项目或两个项目可见时,他们会在div.item上附加第二个CSS类? 喜欢:当有一个项目时:类“第一项”,当有两个框时:class =“item two”当有超过2时,那么它将只有class =“item”。 JS: jQuery(“#sliderwhat”).owlCarousel({ loop : true, nav : true }); HTML: Personal guide / Amsterdam Here some text bla bla bla.

获取包含类的输入框的所有ID

如何获取包含特定类值的输入框的ID 例如: 我想在按下按钮或命令后提醒包含类失败的所有ID。

使用原型添加或删除类

无法在PROTOTYPE脚本中添加或删除基于click函数的img元素的“已选择”的css类名称(已经为Jquery做过)但它必须在Prototype中。 它让我疯狂。 不能让它适用于原型…. 我原来的代码是(Magento商店) __(‘Community Poll’) ?> <form id="pollForm" action="” method=”post” onsubmit=”return validatePollAnswerIsSelected();”> htmlEscape($poll->getPollTitle()); ?> <input type="radio" name="vote" style ="display:none;" class="radio poll_vote" id="vote_getId() ?>” value=”getAnswerId() ?>” /> getAnswerTitle(); $stripped_final = str_replace(” “, “_”, strtolower($stripped)); //Value (simplified) ?> <label for="vote_getId() ?>”><img src="http://www.passione.pt/media/poll/.png” id=”chooser” class=”chooser” alt=”htmlEscape($answer->getAnswerTitle()) ?>” onClick=”document.getElementById(‘vote_getId() ?>’).checked =true;”/> decorateList(‘poll-answers’); <button type="submit" title="__(‘Vote’) ?>” class=”button”>__(‘Vote’) ?> […]

可以整个css“.class”具有它的特异性!重要吗?

我在jQuery UI小部件中工作很多,并且由于我需要解决的疏忽,主题变得越来越难。 考虑这个问题: 然后这个jquery $(function() { $(‘#node’).hover(function (){ $(this).toggleClass(“ui-state-error”); }); }); 我希望ui-state-error对嵌套div很重要。 这是伪代码,但我发现大量的例子发生在容器有css交换和子(basicaly)忽略它的情况下。 更糟糕的是:如果我希望能够在jQuery中覆盖说“backgroundcolor = ui-state-error:background-color知道100%这一切都不会破碎,因为我不知道”必然,背景是有关元素的重要背景。 这里是一个案例的小提琴http://jsfiddle.net/WCuYH/1/ 编辑我打算推荐这个问题是关闭的,因为没有任何尝试的答案,只有太多偏离原始post的本质

如何添加一个类而不让它摆脱其他类?

我在页脚中设置了以下代码,在指定的时间内添加了一类“day”。 function setTimeStyles() { var currentTime = new Date().getHours(); if(currentTime > 5 && currentTime < 17) { document.body.className = 'day'; } } $(document).ready(function() { setTimeStyles(); }); 问题是当类被添加时,它将摆脱已经存在的其他类。 例如,如果没有添加’day’类,我的body标签将是: 但是当添加’day’类时,我的body标签会变成: 我希望它能让’day’类添加到已经存在的内容中: 我该怎么做呢?

jQuery – 检查元素是否有数组中的类?

我试图检查一个元素是否有一个数组的类,如果是这样,该类的值是什么。 目前我正在使用: if ($(this).hasClass(‘purple_grad’)) { $thisFKeyColour = ‘purple_grad’; } else if ($(this).hasClass(‘red_grad’)) { $thisFKeyColour = ‘red_grad’; } else if ($(this).hasClass(‘green_grad’)) { $thisFKeyColour = ‘green_grad’; } else if ($(this).hasClass(‘blue_grad’)) { $thisFKeyColour = ‘blue_grad’; } else if ($(this).hasClass(‘yellow_grad’)) { $thisFKeyColour = ‘yellow_grad’; } else if ($(this).hasClass(‘light_yellow_grad’)) { $thisFKeyColour = ‘light_yellow_grad’; } else if ($(this).hasClass(‘lighter_yellow_grad’)) { $thisFKeyColour = […]