2012-05-23 59 views
2

我的问题:PhoneGap的触摸事件/ DIV溢出

我有一个CSS DIV与表(jQuery的移动1.0), - 如果我在div(溢流)加太多行的触摸事件isnt't引发JavaScript功能...任何想法?

它,不是fireing功能和“溢出,它的正常工作之前)

$('#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和最新的PhoneGap 1.7 android 3.2

此外,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 
+0

哪个Javascript事件不会触发?你期望的代码是什么? –

+0

嗨,添加了代码...希望现在的问题更清晰! – mboeckle

+0

首先,我想的jQuery宁愿你附事件的代码,而不是HTML标记的onclick属性,但我怀疑这是你的问题。如果你对这个问题有什么更多的了解可以帮助人们。您是否尝试过使用调试器运行? –

回答

1

我想出了蓝格是问题的解决方案... jQuery的移动/ 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移动,jQuery的 - 结合不同的PhoneGap版本 - 这是对三星星系测试10.1平板电脑 - Android 3.2的

希望这有助于。