如何使用 mootools 创建浮动 div？

Question

我正在使用一个应用程序 (IIPImage)，它使用使用 mootools api 创建的脚本显示高分辨率图像。我想在这个页面中插入一个浮动窗口。最初我想用jquery，但是我发现jquery不能和这个库共存，所以我需要使用mootools来创建这个浮动div。我怎么能做到这一点？有人可以帮帮我吗？

谢谢

Answer 1

mootools 和 jquery 可以很好地共存，只要做一些工作 - jquery 有一个 .noConflict() 模式，如果它已经被定义并且 mootools 不会接管 $（自 1.2.2 起）并将恢复使用 @ 987654323@ 代替。但是，IIPImage 似乎是为 1.2.0 编写的，它是旧的和有缺陷的，并且不关心覆盖 $ - 将 mootools 升级到 1.2.5 并在脚本中用 document.id( 替换 $( 或添加一个闭包比如(function($) { ...来自缩放器的代码...})(document.id);

您可能需要找到任何全局变量引用并将它们从声明的 var foo = 更改为 window.foo = 但总而言之，这不应该是一场戏剧。

至于其他解决方案，你可以在这里找到http://davidwalsh.name/persistent-header-opacity

这是启用位置的一小段代码：已修复不支持它的浏览器（我认为是 8 之前的 IE）

玩得开心。