2011-09-27 215 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