jQuery addClass 问题

标签 jquery html css

<分区>

我正在使用 IE7。我有一个输入框如下:

<input name="location" type="text" id="location" maxlength="512" size="20" class="editable text"/>

我正在尝试执行以下操作:

$("#location").addClass('flagged');

但这会清除文本框的所有现有样式。 “标志”类没有任何与之关联的样式。现有类具有以下 CSS:

input.editable {
    height: 18px;
    background-color: #FFFFCC;
    padding-top: 0px; 
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border:#FFFFCC 1px solid;
    margin:0px;
}

input.text {
    text-align:left;
    height:19px;
    width:100px;
}

如果我手动将类“flagged”添加到输入框,所有样式都保持不变。在 Firefox 中,jQuery addClass() 不会清除所有样式。为什么在 IE7 中会出现这种情况?

已编辑 我已经将范围缩小到这个...

if (!String.prototype.trim) 
{
    String.prototype.trim = function(){
        // stuff
    }
}

String.prototype.trim = function(){}

声明似乎是导致问题的原因。有什么想法吗?

再次编辑 它似乎不喜欢它被称为“修剪”的事实。一天中的 2 小时用得其所:|

最佳答案

尝试查看分配给元素的类,IE:

var myClass = $('#location').attr('class'); 

alert("classes = " + myClass);

关于jQuery addClass 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6190730/

相关文章:

html - 强制关闭弹出窗口并重新打开它 Chrome 扩展

css - 如果我使用用户选择 : none; in CSS,验证将失败

javascript - 来自 MySQL 数据库的正则表达式文字

java - 使用 jquery 使用循环动态更新带有 div 的 DOM

jquery - 部分文本应使用纯 html css(无 JavaScript 或 jQuery)在 Carousel 中更改

html - 点击展开带过渡的div

java - 表格宽度太大

jquery - 根据浏览器的窗口大小调整边距

jquery - Bootstrap 下拉菜单问题 ASP.Net VB

html - 我对 css 中的 rtl 页面有疑问,有人可以帮助我吗?