2011-09-27 170 views
1

我正在使用Phonegap,并且我对手机以及jquery都是新手。我需要知道,如果我可以有一个下拉按钮使用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模拟器上的文字。有什么建议么?

非常感谢。

+0

@dave:该代码在Android模拟器中不工作.. – Khush

+0

@Khush你是对的,没有抓住那一个。我将删除评论。干杯。 – Dave

回答

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(现在是科尔多瓦)的博客。我已经针对您可以使用的其他有用的移动设备发表了博文。

1

编辑: 我不确定这是否适合你,但我发现这个链接Creating Dropdown menu Using JQuery可能会帮助你。

+0

它不能在android模拟器上工作.. – Khush

+0

@Khush - 我编辑了链接,请检查这是否是你要找的。 – Naved