2011-10-19 36 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; 
    }); 
});