無法在使用scrollview組件後在文本框中鍵入文本

我在我的jQuery Mobile應用程序中使用了scrollview。但是當我使用它時，textfields無法獲得適當的焦點，因此我無法將值輸入到它們中。無法在使用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>

您可以在這裏看到一個樣本 - http://jsfiddle.net/uzJW4/

我得到了這個位置的一些信息 - http://jquerymobile.com/test/experiments/scrollview/sv-test-02.html。但無法真正弄清楚如何讓它在我的情況下工作。

在這個問題上的任何幫助將不勝感激。

來源

2011-10-19 user700284

不知道這是否與問題有關，但我得到這個網頁的一個404：http://jquerymobile.com/test/docs/lists/docs/docs.js –

這js是無論如何不需要。即使如果不存在問題存在，複製粘貼來自scrollview演示應用程序的代碼來說明問題。 :) :) – user700284

雖然this question是關於iScroll4，但解決方案應該仍然是相同的，因爲iScroll和jquery mobiles實驗性的scrollview使用相同的滾動方法。

來源

2011-10-19 14:19:44 Naning

無法在使用scrollview組件後在文本框中鍵入文本

回答

相關問題