phonegap触摸事件/ div溢出

时间:2012-05-23 15:05:15

标签: jquery-mobile cordova touch-event

我的问题:

我有一个带有表的css div(jquery-mobile 1.0), - 如果我在div中添加太多行(溢出),触摸事件不会触发javascript函数......任何想法?

它,没有激发功能,并且“在它工作正常之前溢出!”

$('#mytable').append('<tr><td width=20%>
    <a href=add.html onclick=setId('+row.UserId+');>
    <img src=./icons/patientendaten.png width=48px height=48px></a></td>
    <td width=20%>'+row.Datum+'</td><td width=20%>'+row.Patient+'</td>
    <td width=20%><center><a href=# onclick=delete_entry('+row.UserId+');>
         <img src=./icons/delete.png></a></center></td><td width=20%><center>
         <img src=./icons/edit.png></center>
    </td></tr>'); 

更多详情:

<div data-role="content">  

    <div id="twitter">

       <div class="ui-grid-d">
        <div class="ui-block-a"><div class="ui-bar ui-bar-d">Akte</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-d">Datum</div></div>
        <div class="ui-block-c"><div class="ui-bar ui-bar-d">Patient/in</div></div>
        <div class="ui-block-d"><div class="ui-bar ui-bar-d">Löschen</div></div>
        <div class="ui-block-e"><div class="ui-bar ui-bar-d">Fallbeisp. erstellen</div></div>
        <br>

    <table id=mytable>

    </table>

  </div>
     </div>
         </div>

我正在使用jquery mobile 1.0和Android 3.2上最新的phonegap 1.7

另外logcat给了我(当我添加第6行时)

  

05-24 23:59:18.030:E / libEGL(16161):调用没有当前上下文的OpenGL ES API(每个线程记录一次)

     

05-24 23:59:18.030:D / ShaderProgram(16161):无法加载顶点着色器!

这是我的div:

div-example

logcat的:

05-23 17:05:51.800: V/webview(30492):  singleCursorHandlerTouchEvent -getEditableSupport  FASLE 

1 个答案:

答案 0 :(得分:1)

我想出了蓝色div是问题的解决方案... jquery-mobile / phonegap有溢出问题导致错误!

05-24 23:59:18.030: E/libEGL(16161): call to OpenGL ES API with no current context (logged once per thread)

05-24 23:59:18.030: D/ShaderProgram(16161): couldn't load the vertex shader!

#twitter {
    position:absolute;
    top:140px;
    left:40px;
    width: 880px;
    height: 400px;
    border: 5px solid;
    border-color: #458d91;
    -moz-border-radius:16px;
    -khtml-border-radius:16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-top: 10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 10px;
    overflow: auto;
  }

如果我要删除溢出和高度,那么没有任何问题。

在这种情况下使用列表可能是更好的方法。

我也尝试了不同的jquery-mobile,jquery - 结合不同的phonegap版本 - 这是在三星galaxy 10.1平板电脑上测试的 - android 3.2

希望这会有所帮助。