2012-05-23 64 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的

希望這有助於。