2012-11-13 2 views
1

전화 간격을 사용하여 개발할 때 xcode에 이미지 갤러리 슬라이더가있을 수 있습니까?jQuery Flexslider 플러그인이 Phonegap iOS 앱에서 작동하지 않습니다

브라우저에서 제대로 실행되지만 jos 시뮬레이터에서는 실행되지 않는 일부 jquery 코드를 넣었습니다.

<title>Test App</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
    <script type="text/javascript" src="js/jquery.flexslider.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/flexslider.css" /> 
</head> 
<body><h1>Test App</h1> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
      <li> 
       <img src="img/cordova.png" /> 
      </li> 
     </ul> 
    </div> 
    <script type="text/javascript"> 
     $(window).load(function(){ 
         $('.flexslider').flexslider({ 
                animation: "slide", 
                start: function(slider){ 
                $('body').removeClass('loading'); 
                } 
                }); 
         }); 
     </script> 
     </body> 

전화 간격 코드 바가 작동합니까?

+0

아마도 iOS 시뮬레이터에서보고있는 문제를 설명 할 수 있을까요? 일부 jQuery 플러그인은 터치 대 클릭 이벤트, 스크롤링 차이 등으로 인해 모바일 브라우저에서 잘 작동하지 않습니다. FWIW, 모바일 브라우저에서이 이미지 갤러리 플러그인을 사용했으며 매우 잘 작동했습니다. http : // www.photoswipe.com – asgeo1

+0

@ asgeo1 오류는 발생하지 않지만 내 이미지는 표시되지 않습니다 – Fortubeks

+0

나머지 소스 코드도 게시하십시오. –

답변

0

Flexslider 플러그인을 사용하는 방법에 문제가 있다고 말할 수 있습니다. flexslider 용 doco는 모바일 브라우저에서 작동 함을 나타냅니다. phonegap 앱에서 다르게 작동하는 이유가 무엇인지 생각할 수 없으므로 잘못된 것으로 생각합니다.

PhoneGap이 자바 스크립트 오류를 ​​표시하는 데 적합하지 않습니다. Xcode 콘솔에서 아무 것도 볼 수 없기 때문에 아무 것도 없다는 것을 의미하지는 않습니다.

요즘에는 OSX에서 데스크톱 Safari를 사용하는 Phonegap 앱을 디버깅하는 가장 좋은 방법을 찾았습니다. Safari에서 개발 메뉴에서

, 당신은 아이폰 OS 시뮬레이터에서 실행 폰갭 응용 프로그램을 검사하는 개발자 도구를 열 수있게합니다. 원하는 경우 연결된 iPhone 장치를 타겟팅 할 수도 있습니다.

는 불행하게도 개발 도구의 콘솔은 당신이 그것을 연 후 발생하는 JS 오류를 선택할 것입니다, 그래서 당신은 도구를 연 후 수동으로 JS 코드를 실행해야 할 수도 있습니다.

또한 <img> 태그를 볼 수있는 개발 도구를 사용할 수 있어야합니다. 이것은 그들이 거기 있는지 여부에 대한 단서를 제공 할뿐입니다. 아마도 CSS 문제 같은 것일 수도 있습니다.