javascript - 如何将一个类添加到已分配给它的类的现有 li 中?

标签 javascript css ajax jquery

如何将类添加到已分配类的现有 li

我当前的代码是 http://jsfiddle.net/GbPdV/

我想将“Open”类添加到:

< li class="dropdown hover carticon cart" >

我认为这必须发生在:(不确定)

 if ( response.Status == "Success" )
       {

            $.ajax({
                type: "GET",
                url: "dmiajax.aspx?request=FloatingCart&extra=" + rnd(),
                dataType: "html",
                success: function(response) {
                    var floatingCart = $("ul.dropdown-menu.topcart");

                    if (floatingCart.length == 0) {
                        floatingCart = $('<ul class="dropdown-menu topcartopen"></ul>').insertBefore(".pull-right");
                        floatingCart.hoverIntent({
                            over: function() {},
                            timeout: 200,
                            out: function() {
                                $(this).stop(true, true).filter(":visible").hide("drop", {
                                    direction: "down"
                                });
                            }
                        });

                    }

最佳答案

只需使用.addClass

floatingCart.addClass("Open");

addClass

success: function(response) {
    var floatingCart = $("ul.dropdown-menu.topcart");
        //HERE
        floatingCart.addClass("Open");
    if (floatingCart.length == 0) {
        //OR HERE
        floatingCart = $('<ul class="dropdown-menu topcartopen"></ul>')
               .insertBefore(".pull-right")
               .addClass("Open");;
        floatingCart.hoverIntent({
            over: function() {},
            timeout: 200,
            out: function() {
            $(this).stop(true, true).filter(":visible").hide("drop", {
            direction: "down"
        });
    }
}

关于javascript - 如何将一个类添加到已分配给它的类的现有 li 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18280310/

相关文章:

javascript - Ajax 长轮询问题(网关 504)

javascript - 如何在 Laravel Controller 中处理 Ajax 响应?

ajax - 通过分页在Primefaces DataGrid上的页面更改时更新组件

javascript - Android (5.0.1) Chrome 正在删除 javascript 空格和注释,有办法阻止吗?

javascript - 单击事件后关闭汉堡菜单

javascript - Ajax 请求有时会失败——使用和不使用 jQuery

javascript - 修复了知道 CSS 中导航栏的部分?

html - 浏览器兼容性问题 - :active button state making button disappear in Firefox, IE 和 Opera

javascript - 某些网站不会出现 Iframe 和 .load() 函数

javascript - 如何根据当前是否选择有条件地切换元素