使用jquery下拉菜单

时间:2011-09-27 03:14:21

标签: jquery cordova

我正在使用Phonegap,我不熟悉phonegap和jquery。我需要知道我是否可以使用jquery下拉按钮。感谢您的帮助。

$(document).ready(function(){
         
            $('.down-list').width($('.dropdown-menu').width()-2);
         
            $('.dropdown-menu').hover(
              function () {
                $('.menu-first', this).addClass('slide-down');
                $('.down-list', this).slideDown(100);
              },
              function () {
                obj = this;
                $('.down-list', this).slideUp(100, function(){ $('.menu-first', obj).removeClass('slide-down'); });
              }
            );
         
        });

这段代码似乎不起作用。它只是给我在android模拟器上的文本。有什么建议吗?

提前多多感谢。

2 个答案:

答案 0 :(得分:1)

<强>被修改: 我不确定这是否适合您,但我发现此链接Creating Dropdown menu Using JQuery可能对您有帮助。

答案 1 :(得分:0)

你解决了这个问题吗?如果没有,您应该考虑使用jquery mobile,为什么要使用jquery创建下拉列表?我猜你想要“美化”下拉菜单?另一个选择是查看基于html5和css3的下拉菜单,因为它们将是硬件加速的;取决于jquery太多只会让你的应用程序运行得更慢,因为它是在浏览器中运行的(phonegap)

<强>更新

根据个人经验,我意识到你应该研究像ZeptoXUIjqMobi这样的微观框架。我个人使用过Zepto,并注意到与jQM和jQ相比性能有了显着提高。我刚刚提到的所有框架都使用jQ样式语法,因此移植到它们不会有问题。

我在http://codejournal.wordpress.com/2012/02/19/what-i-can-use-htmljavascriptcss-for-native-mobile-apps/发表了关于PhoneGap(现在的Cordova)的博客。我在博客上写了关于你可以使用的其他有用的移动东西。