2011-10-19 35 views
0

我正在使用jQuery UI & PhoneGap第一次編寫iPad應用程序。我在jQTouch或jQuery Mobile上使用jQuery UI是因爲我沒有試圖設計一個看起來像iOS應用程序的應用程序 - 這是一個內部應用程序,它需要遵循我們的品牌,我不想要iOS風格小部件或卡片。jQuery UI + PhoneGap

我的代碼在WebKit每晚都能正常工作,但不能在Xcode iPad模擬器中正常工作。該菜單是隱藏的,但當鏈接被觸摸時我無法看到它。它似乎沒有解釋觸摸事件?我使用這個插件(http://code.google.com/p/jquery-ui-for-ipad-and-iphone/) - 我假設我沒有正確調用它?這裏是我的JS:

 $(document).ready(function() { 

         // hides the secondary menu when the DOM is ready 
         $('#menu2').hide(); 

         // shows the secondary menu on clicking the identified link 
         $('#link1').click(function() { 
             $('#menu2').show(400).addTouch(); 
             return false; 
             }); 
         }); 

&鏈接 -

<a href="#" id="link1">Show Menu</a> 
+0

似乎有可能addTouch調用可能失敗?那會導致整條線路失敗。嘗試刪除.addTouch()並查看菜單是否顯示,或者在show調用之後放置alert()。另外,當我嵌入UIWebView應用程序時,我使用了一個窗口錯誤處理程序,再加上我有一個#debug div來記錄東西,有時我會回調到ObjC到NSLog的東西。 –

+1

確實.tap()的工作? – sissonb

+0

jQuery Mobile不會讓您的應用看起來像iOS應用。您只能使用JS和結構CSS,並省略樣式(主題)CSS。它增加了一些功能,可以更輕鬆地處理移動設備上的編程問題,例如觸摸/點擊問題。 – codemonkey

回答

1

我使用舊的HTML/JS onclick屬性固定這一點。 <a onclick="loadMenu()"></a>

0
$(document).ready(function() { 
    // hides the secondary menu when the DOM is ready 
    $('#menu2').hide(); 
    // shows the secondary menu on clicking the identified link 
    $('#link1').click(function() { 
     $('#menu2').show(400).addTouch(); 
     return false; 
    }); 
});