jQuery UI +电话间隙

Question

我第一次使用 jQuery UI 和 jQuery UI 编写 iPad 应用程序。电话间隙。我使用 jQuery UI 而不是 jQTouch 或 jQuery Mobile，因为我不想设计一个看起来像 iOS 应用程序的应用程序 - 它是一个内部应用程序，它需要遵循我们的品牌，我不想要 iOS 风格的小部件或卡片。

我的代码在 WebKit nightly 中运行良好，但在 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>

Answer 1

我通过使用旧的 html/js onclick 属性修复了这个问题。

Answer 2

$(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;
     });
});