2013-05-13 77 views
-2

添加此代碼之後,應用程序將顯示下的空格2 div元素形成一個空的空白空間

for (var i=0; i<len; i++) 
{ 

kk=i+1; 
audio[i] = false; 


$('body').append('<div data-role="page" id="a'+i+'" data-theme="b" data-add-back-btn="true"> 
<div data-role="header" ><h1>'+results.rows.item(i).name+'</h1></div></div>'); 
$('#a'+i).append('<div data-role="content" > 
<img src="images/small/'+results.rows.item(i).img+'" class = "center" id="img"/> 
<p>Время - '+results.rows.item(i).time+'</p> 
<p>Телефон - '+results.rows.item(i).phone+'</p> 
<p>Рабочее время - '+results.rows.item(i).workTime+'</p>'); 
$('#a'+i).append('<p id="description">'+results.rows.item(i).shortDescription+'</p> 
<audio ontimeupdate="if (this.duration == this.currentTime) {this.currentTime = 0; this.pause()}; var activePage = $(\'.ui-page-active\').attr(\'id\'); 
if (activePage != \'a'+i+'\') {document.getElementById(\'audio'+i+'\').pause();} " id = "audio'+i+'" src="file:///sdcard/Download/Tur/'+results.rows.item(i).link+'"></audio>'); 
$('#a'+i).append('<div id = "virtbutton" onclick="window.plugins.fileOpener.open(\'file:///sdcard/Download/Tur/'+results.rows.item(i).flash+'\'); 
document.getElementById(\'audio'+i+'\').play() "style = " background-image: url(\'images/virt.png\');background-repeat: no-repeat;width: 333px; height: 128px; position: absolute; margin-top:22px; display: block; float: left; " ></div>'); 
$('#a'+i).append('<div style = " background-image: url(\'images/song.png\');background-repeat: no-repeat;width: 128px; height: 128px; position: absolute; margin: 18px 0 0 212px; display: block; float: left;" 
onclick = "if (!audio'+[i]+') {document.getElementById(\'audio'+i+'\').play(); audio'+[i]+'= true;} else {document.getElementById(\'audio'+i+'\').pause(); audio'+[i]+'= false;}"></div>'); 
$('#a'+i).append('<div style = "clear: both"></div><button onclick = "alert("lol"); db.transaction(function(tx) {tx.executeSql(\'INSERT INTO Routes (id_object) values('+i+')\')});">Добавить в БД</button></div>'); 

而在每一個窗口中,不同的空間量。如何擺脫它?

+0

你真的不希望有人讀到,你呢? – Stephen 2013-05-13 21:36:58

+0

對不起,修正了 – 2013-05-14 06:47:13

+0

,你應該真的擺脫這些內聯樣式並使用CSS。然後擺脫onclick助手並使用$('body')。on(「click」,'.someclass',function(){});閱讀這個代碼塊仍然是不可能的。 – Stephen 2013-05-22 16:58:36

回答

0

您可以通過爲兩個div添加'Float: left'到[style]屬性來刪除此空白區域。

+0

沒有幫助 – 2013-05-14 07:51:53

+0

你能發佈完整的html視圖嗎 – Stiger 2013-05-14 09:04:09

+0

是的。糾正。 – 2013-05-14 09:41:10