2011-10-19 3 views
0

내 jQuery Mobile 응용 프로그램에서 scrollview를 사용하고 있습니다. 그러나 그것을 사용할 때 텍스트 필드가 적절한 포커스를받을 수 없으며 결과적으로 값을 입력 할 수 없습니다. http://jquerymobile.com/test/experiments/scrollview/sv-test-02.html - - 내가 여기에 몇 가지 정보를 가지고 http://jsfiddle.net/uzJW4/scrollview 구성 요소를 사용한 후에 텍스트 필드에 텍스트를 입력 할 수 없습니다.

현재 샘플을 볼 수 있습니다

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://jquerymobile.com/test/css/themes/default/" /> 
<link rel="stylesheet" href="http://jquerymobile.com/test/experiments/scrollview/jquery.mobile.scrollview.css" /> 
<link rel="stylesheet" href="http://jquerymobile.com/test/docs/_assets/css/jqm-docs.css"/> 
<style> 
    .ui-content.ui-scrollview-clip { 
     padding: 0; 
    } 
    .ui-content.ui-scrollview-clip > div.ui-scrollview-view { 
     margin: 0; 
     padding: 15px; 
    } 
    .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view { 
     margin: 0; 
    } 

</style> 
    <script src="http://jquerymobile.com/test/js/jquery.js"></script> 
    <script src="http://jquerymobile.com/test/js"></script> 
    <script src="http://jquerymobile.com/test/experiments/scrollview/jquery.easing.1.3.js"></script> 
    <script src="http://jquerymobile.com/test/experiments/scrollview/jquery.mobile.scrollview.js"></script> 
    <script src="http://jquerymobile.com/test/experiments/scrollview/scrollview.js"></script> 
    <script src="http://jquerymobile.com/test/docs/lists/docs/docs.js"></script> 
</head> 
<body > 

<div data-role="page" class="page" id="home" > 
    <div data-role="header"> 
     <h1>Sample</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 

     <div data-role="fieldcontain"> 
    <label for="tf">Name</label> 
    <input type="text" name="tf" id="tf" /> 
</div> 
<div data-role="fieldcontain"> 
    <label for="ta">Address</label> 
    <textarea name="ta" id="ta" rows="5" cols="10"></textarea> 
</div 

    </div><!-- /content --> 

</div> 
</body> 

:

내 코드입니다. 그러나 내 경우에 효과가 있도록하기 위해 무엇을해야하는지 알아낼 수는 없습니다.

이 문제에 대한 도움을 주시면 대단히 감사하겠습니다.

+0

이 것이 문제와 관련이 있는지는 확실치 않지만이 페이지에 대해 404가 표시됩니다. http://jquerymobile.com/test/docs/lists/docs/docs.js –

+0

js가 필요하지 않습니다. 그것이 없다면 문제가 존재합니다. 문제를 설명하기 위해 scrollview 데모 앱에서 코드를 붙여 넣습니다. :) :) – user700284

답변

0

this question은 iScroll4에 관한 것이지만 iScroll 및 jquery 모바일 실험용 스크롤 뷰 모두 동일한 해결 방법을 사용하므로 해결 방법은 동일해야합니다.

관련 문제