RemoveClass / Addclass

Question

RemoveClass / Addclass

0

Это мой первый пост в этом сообществе: D Мне нужна помощь с функцией.removeclass и.addclass :(

Моя идея - это кнопка, когда при нажатии на нее div меняет высоту и ширину. Поскольку это:

HTML

<div id="content">
     <div id="clas4">
        <button onclick="_edit()">Edit</button>
     </div>
</div>

скрипт

function _cambio(){
    $('#content div').click(function() {
        $(this).removeClass('clas4').addClass('min');
    });
};

CSS

#clas4 { width: 60%; height: 40%; border: 1px solid black; z-index:5; position:absolute;}
.min { width: 10%; height: 10%; border: 1px solid black; background-color:blue;}

Ну, когда я нажимаю кнопку, мой div меняет цвет backgorun на синий, но игнорирует параметры высоты и ширины =/кто-то знает, почему?

Большое спасибо ^^

user3424570 16 март 2014, в 02:09

Источник

Теги:

html

edit

removeclass

toggleclass

addclass

2 ответа

Ещё вопросы

smozgur · Answer 1 · 2014-03-15T22-52-00.000Z

установите ваш класс div также как clas4. Вы уже должны знать об именах _edit() vs _cambio()...

<div id="content">
    <div id="clas4" class="clas4">
        <button onclick="_edit()">Edit</button>
    </div>
</div>

И в стиле:

.clas4 {ширина: 60%; высота: 40%; граница: 1px сплошной черный; Z-индекс: 5; позиция: абсолютная;}

Rodrigo Zuluaga · Answer 2 · 2014-03-15T21-51-00.000Z

Удалить ---- >> function _cambio() {

<div id="content">
     <div class="clas4">
        <button class="click">Edit</button>
     </div>
</div>

$('.click').click(function() {
    $(this).removeClass('clas4').addClass('min');
});


.clas4 { width: 60%; height: 40%; border: 1px solid black; z-index:5; position:absolute;}
.min { width: 10%; height: 10%; border: 1px solid black; background-color:blue;}

----- >>>};

Здравствуй! Я не знаю, плохо ли я редактировал код, но это не сработало :( Но спасибо за вашу помощь ^^
@ user3424570, вам нужно jquery, чтобы использовать это. Это причина, почему это не сработало.
Да, JQuery работает для этого: D спасибо.