标签: addclass

我有以下jQuery脚本,实际上被Internet Explorer(7和8)忽略.它在FF和Chrome中运行正常.

<script type="text/javascript" language="javascript">
    $("body").addClass("newclass");
</script>

这很简单,但我不知道IE为什么会忽略它.知道代码是作为JAVA的动态内容加载的(这应该不是问题,因为其余的脚本工作).我试图将tha脚本作为外部文件中的函数调用,但也没有任何反应.任何人都可以帮我理解我的错误在哪里？还是帮我理解IE？

我想在类'priceis'中添加类''罢工'IF类'specialprice'存在.目前它只是将它放在元素的第一个而不是页面中出现的每个元素.我需要它来检查所有带有'specialprice'类的元素.

<font class="pricecolor colors_productprice specialprice">
    <span class="PageText_L483n">
     <font class="text colors_text"><b>Regular Price:<br> </b></font>
    <span class="priceis">$2,492<sup>.38</sup></span></span>
</font>

$('.specialprice').find('.priceis').addClass('strike');

我想每隔3秒更改一次班级名称.不行不通.我怎样才能做到这一点？

$(document).ready(function() {
        function moveClass(){
            var x = $('.liveEvents');
            x.removeClass('liveEvents');
            x.addClass('liveEventsActive');
            x.removeClass('liveEventsActive');
            x.addClass('liveEvents');
       }

        setInterval(moveClass, 3000); 
        return false;
    });

我有一个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); }
}

这是我的脚本:

<script type="text/javascript">
    $(document).ready(function () {
        $('#spinButton').click(function () {
            $('#shape').addClass('spin360');
        });
    });
</script>

这是我尝试过的:

<script type="text/javascript">
    $(document).ready(function () {
        $('#spinButton').click(function () {
            $('#shape').addClass('spin360').on('webkitAnimationEnd', function () {
                $('#shape').removeClass('spin360');
            });
        });
    });
</script>

和

<script type="text/javascript">
    $(document).ready(function () {
        $('#spinButton').click(function () {
            $('#shape').addClass('spin360');
        });

        $('#spinButton').addEventListener('webkitAnimationEnd', function (e) {
            $('#shape').removeClass('spin360');
        });
    });
</script> …

我正在使用JQuery UI来添加类(),然后使用removeClass().

如果在addClass()完成之前调用removeClass(),它将排队并稍后执行.这不是理想的,我宁愿让removeClass()立即从当前的CSS值执行.

如果我在add/removeClass()之前调用stop(),则在stop()调用时动画似乎永久"冻结",尽管add/removeClass()回调仍然会触发.

只是这里的JS:

var obj = $("#obj");
obj.addClass("obj");

$("#add").click(function(){
    //obj.addClass("adder", 2000, "easeInOutCubic", onAdded);
    obj.stop().addClass("adder", 2000, "easeInOutCubic", onAdded);
});

$("#remove").click(function(){
    //obj.removeClass("adder", 2000, "easeInOutCubic", onRemoved);
    obj.stop().removeClass("adder", 2000, "easeInOutCubic", onRemoved);
});

function onAdded () { console.log("added"); }
function onRemoved () { console.log("removed"); }

其余的都在这里:http://jsfiddle.net/mmstM/42/

这似乎是一个常见的问题,但没有在SO或其他地方找到任何好的信息...请注意这是针对JQuery UI,而不是核心.

所以我在我的页面中有这样的安排:

<div class="food">

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

    <div>
        <a href="#" class></a>
        <a href="#" class></a>
    </div>

</div>

如何在div.food中的所有元素中添加一个类？实现这个的最短,最快的方法是什么？

谢谢!

我有一个元素"A",当我点击它时,我想将父元素的(LI)类改为selected,但没有任何改变......

$(".filters-list li a").click(function () {
    $(".filters-list li").removeClass("selected");
    $(this).parent('li').addClass('selected'); // I also tried .parent().addClass
});

然后我尝试了这段代码:

$(".filters-list li a").click(function () {
    $(".filters-list li").removeClass("selected");
    $(this).parent().get(0).addClass('selected'); // IE reports something like this: Object doesn't support addClass...
});

当我尝试LI使用此代码进行定义时,它只是向我报告[Object HTMLLIElement]:

alert($(this).parent().get(0));

我做错了什么？

你能帮我理解为什么这不起作用吗？

var elementTab1 = $('#tab1 .item-media.modificato');
elementTab1[0].addClass('selezionato');

这是通过这个错误

TypeError:undefined不是函数(评估'elementTab1 [0] .addClass('selezionato')')

谢谢

我有一个按钮,我希望HTML和font-awesome图标在奇数次点击时更改,并恢复偶数次点击.

例如,我有一个名为的按钮mute.如果用户点击该按钮,我希望html更改为unmute和要替换的font-awesome类.如果用户再次单击该按钮,我希望按钮恢复为mute依此类推,依此类推.

此代码应该有效,它确实会更改URL和类.但它没有添加字体 - 真棒初始化类fa.

当我检查元素时,我得到了这个

<button id="mute" class="btn btn-primary fa-volume-off"> Mute</button>

使用JQuery的addClass方法,您可以通过用空格分隔多个类来添加它们.基于此,元素应该是这个

<button id="mute" class="btn btn-primary fa fa-volume-off"> Mute</button>

这是我的代码

var clicks = 0;
    $("#mute").click(function() {
            clicks += 1;
            if (clicks % 2 === 1) {
                    $(this).html(" Un-mute");
                    $(this).addClass("fa fa-volume-up");
                    $(this).removeClass("fa fa-volume-off");
                    apiswf.rdio_setVolume(0);
            }
            else {
                $(this).html(" Mute");
                $(this).addClass("fa fa-volume-off");
                $(this).removeClass("fa fa-volume-up");
                apiswf.rdio_setVolume(100);
            }
    });

我不明白为什么fa班级没有被添加.

我已经硬编码了一个子导航,并希望通过简单地向这些链接添加"活动"类来突出显示当前页面的导航栏项.但是下面的HTML-Markup结合javascript将活动类添加到每个li(.irp-menu-item)而不仅仅是最近的li.脚本只需要将类添加到最接近的li而不是其他的类,但不知怎的,我无法解决这个问题.

HTML的标记:

<nav id="irp-subnav" class="css-sticky" role="navigation" aria-label="irp-subnav" lang="de-DE">
   <div class="irp-wrapper">
        <div class="irp-background"></div>
        <div class="irp-content">
            <span class="irp-title">
                  TITLE</span>
            <div class="irp-menu">
            <div class="irp-menu-tray">
                <ul class="irp-menu-items">
                  <li class="irp-menu-item"><a href="/LINK-1/" class="irp-menu-link">LINK 1</a>
                                                    </li>
                  <li class="irp-menu-item"><a href="/LINK2/" class="irp-menu-link">LINK 2</a>
                                                    </li>
                  <li class="irp-menu-item"><a href="/LINK3/" class="irp-menu-link">LINK3</a>
                </ul>
            </div>
            <div class="irp-actions irp-actions-right">
                <div class="irp-action irp-action-menucta" aria-hidden="true">

                    <label for="irp-menustate" class="irp-menucta"> <span class="irp-menucta-chevron"></span>
                            </label>
                </div>
            </div>
        </div>
        </div>
    </div>
</nav>

使用Javascript:

jQuery(document).ready(function($) {
$(function () {
var url = window.location.pathname; 
var activePage = url.substring(url.lastIndexOf('/') + 1); 
    $('.irp-menu-item .irp-menu-link').each(function () { …