jquery removeClass, выпуск addClass - PullRequest
2 голосов
/ 18 декабря 2010

У меня есть 2 стиля:

.imagebox_empty{
    padding:2px 2px 2px;
    border:1px dotted #E5E5E5;
    width:130px;
    height:130px;
    background:url('/images/misc/file_important.png') no-repeat;

}
.imagebox_full{
    padding:2px 2px 2px;
    border:1px solid #E5E5E5; !important;
    overflow:auto;
}

Я использую jquery для переключения этих классов в div:

<div id="companyLogo" class="imagebox_full"></div>
$("#companyLogo").removeClass("imagebox_full").addClass("imagebox_empty");

Работает нормально, кроме ширины и высоты. Я проверял это на Chrome и FF. Оба работают одинаково. Изменяются границы, фон и отступы, но не размеры.

Кто-нибудь знает, если это ограничение на стороне jQuery? Или в браузерах есть проблемы с переключением между стилями и измерениями?

Ответы [ 2 ]

2 голосов
/ 18 декабря 2010

Я не смог воспроизвести проблему с самой основной страницей (см. Ниже), поэтому, возможно, это проблема с каким-то другим CSS, который переопределяет высоту и ширину?

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#companyLogo").removeClass("imagebox_full").addClass("imagebox_empty");
});
</script>
<style type="text/css">
.imagebox_empty{
    padding:2px 2px 2px;
    border:1px dotted #E5E5E5;
    width:130px;
    height:130px;
    background:url('/images/misc/file_important.png') no-repeat;
}
.imagebox_full{
    padding:2px 2px 2px;
    border:1px solid #E5E5E5; !important;
    overflow:auto;
}
</style>
</head>
<body>
<div id="companyLogo" class="imagebox_full">
</body>
</html>
0 голосов
/ 19 декабря 2010

Кажется, у меня есть несколько дополнительных стилей, скорее всего, сгенерированных где-то из другого плагина jquery.

Я вижу, что стили измерений отменяются через firebugПохоже, я иду на рыбалку.yay

спасибо, ребята, за то, что заглянули в это!Я бы не выглядел так тщательно, если бы ты не проверил свои данные.

...