это мой первый пост на SO: -)
У меня проблема с переводом MooTools в класс CSS.Я почти уверен, что следовал документам и демонстрации, но когда я звоню myElement.morph('.hover'), он не переходит в класс .hover.Моя настройка следующая:
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<script src='mootools.js' type="text/javascript"></script>
<script src='hover.js' type="text/javascript"></script>
</head>
<body>
<div class="btn"></div>
</body>
</html>
hover.js:
window.addEvent('domready', function() {
var myElement = $$('.btn')[0];
myElement.morph('.hover'); // This doesn't work
//myElement.morph({ 'background-color': '#009' }); // This works
//myElement.set('class', 'hover'); // This also works
});
style.css:
.btn {
width: 200px;
height: 100px;
background-color: #999;
}
.hover {
width: 200px;
height: 100px;
background-color: #009;
}
Я нашел кого-то с похожей проблемой , но .hover - это полное имя моего селектора ... так что я в замешательстве.
Заранее благодарен за любую помощь!