gpt4 book ai didi

javascript - 为什么这个 MooTools 不是 morph ('.some-class' );函数工作?

转载 作者:行者123 更新时间:2023-11-30 13:35:29 26 4
gpt4 key购买 nike

这是我关于 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>

悬停.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
});

样式.css:

.btn {
width: 200px;
height: 100px;
background-color: #999;
}
.hover {
width: 200px;
height: 100px;
background-color: #009;
}

我找到了 someone with a related problem ,但是 .hover 是我的选择器的全名...所以我很困惑。

在此先感谢您的帮助!

最佳答案

这不起作用,因为有一个错误:https://mootools.lighthouseapp.com/projects/2706/tickets/1063-no-class-morphing-with-13-no-compat

修复里程碑:1.3.1(很快)- 或者您可以从 github 上的 1.3.1 分支获取 Element.Style.js 的补丁。

关于javascript - 为什么这个 MooTools 不是 morph ('.some-class' );函数工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5085883/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com