Javascript 使动画选择与最近的jquery库一起使用

在中有一个很好的动画选择下拉框

. 该站点还提供源代码。我想在我的html页面中放置该控件。问题是，我已经在使用jquery库（jquery-1.6.min.js），并且我要下载的控件使用了旧的jquery库（1.4.3），如果我在项目中同时包含这两个库，html页面将不会加载。此外，如果我使用较旧的库，我的页面将无法正常工作。如果我能在我的html页面中集成该控件，那就太好了

我想出了一个解决方案：

---

我下载了sorce代码并将其放在一个目录中。我编辑html页面，这样我就只剩下下拉列表（去掉页脚、标题等）。然后我使用iFram元素将html页面的内容放在一个div中。问题是很难向函数发送命令。换句话说，当iframe元素所承载的页面内发生某些事情时，我希望在我的工作html页面中触发一个事件。

我认为您只需要将“className”更改为“class”。。。奇怪的是，它在较旧版本的jQuery中工作，但不是1.6+。这是

var selectBoxContainer=$（“”{
宽度：选择.outerWidth（），
类：“tzSelect”，//这是类名称
html:'
});
var dropDown=$（“
”，{class:'dropDown}）；//这是类名

如果只包含当前版本会发生什么情况？下拉列表不起作用。。。如果我使用那个库而不是我正在使用的库，我的网站就不起作用了……我正在考虑从头开始创建下拉列表。该网站给你的图像，它不会太复杂，复制我认为。。。

var selectBoxContainer = $('<div>',{
    width : select.outerWidth(),
    class : 'tzSelect', // this was className
    html  : '<div class="selectBox"></div>'
});

var dropDown = $('<ul>',{class :'dropDown'}); // this was className