Question

我正在使用phonegap将我的html文件转换为android app。由于我开始使用Jquery来显示/隐藏图像，因此我的按钮变得麻木了。

我已经链接到普通的jquery文件和移动版本，但无法让按钮在Android设备中工作（它适用于Internet Explorer但不适用于Google Chrome）。我做错了什么想法？

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.2.css">
<script src="C:\Users\Oscar\Desktop\Ja\jquery-1.11.1.js"></script>
<script src="C:\Users\Oscar\Desktop\Ja\jquery.mobile-1.4.2.js"></script>

<script>
        $(document).ready(function() {
          $('.nav-toggle').click(function(){
            //get collapse content selector
            var collapse_content_selector = $(this).attr('href');                   

            //make the collapse content to be shown or hide
            var toggle_switch = $(this);
            $(collapse_content_selector).toggle(function(){
              if($(this).css('display')=='none'){
                                //change the button label to be 'Show'
                toggle_switch.html('Info▼');
              }else{
                                //change the button label to be 'Hide'
                toggle_switch.html('Info▲');
              }
            });
          });

        }); 
        </script>

Answer 1

问题似乎来自jQuery脚本的路径。

<script src="C:\Users\Oscar\Desktop\Ja\jquery-1.11.1.js"></script>
<script src="C:\Users\Oscar\Desktop\Ja\jquery.mobile-1.4.2.js"></script>

jquery-1.11.1.js和jquery.mobile-1.4.2.js的路径应该与您使用PhoneGap打包的HTML文件相关。

使用Phonegap转换用Jquery编写的HTML文件

1 个答案: