[英]jquery mobile didn't append div to content
我有一個腳本,它應該向Content div添加一些元素,但它不起作用。 如您所見,“messageBox”的內容是從一個php文件到達的,該文件選擇了mysql表及其中的數據。
這是JS文件的內容:
function getWallMsg(){
$.getJSON('SELECT_uzenofal.php?callback=?',function(data) {
data.forEach(function(e){
$('#posts').append($('<div class="messageBox">'+'<img src="img/profilok/'+e.kep+'"/>'+'<p class="name">'+e.nev+'</p>'+'<p>'+e.uzenet+'</p>'+'<p class="time">'+e.ido+'</p>'+'</div>'));
});
});
}
$(document).ready(function(){
drawNavbar();
getWallMsg();
});
和HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
</head>
<body>
<!-- Home -->
<div data-role="page" id="fal">
<!-- header -->
<div data-role="header">
<h3>
Üzenőfal
</h3>
</div>
<!-- content -->
<div data-role="content" id="posts">
</div>
<!-- footer -->
<div class="nav" data-role="footer" data-position="fixed" data-theme="a"></div>
</div>
</body>
我該怎么辦?
這應該改變:
$(document).ready(function(){
drawNavbar();
getWallMsg();
});
對此:
$(document).on('pagebeforeshow', '#fal', function(){
drawNavbar();
getWallMsg();
});
基本上document ready
不應該與jQuery Mobile
一起使用,要了解更多關於這個看看這篇文章 ,要透明它是我的個人博客。 或者在這里找到它。
基本上,當頁面內容未加載到DOM
時,您正嘗試將其附加到document ready
狀態。 相反,應該使用正確的jQuery Mobile
頁面事件,例如pagebeforeshow
。
編輯:
你甚至在pagebeforeshow中添加了一個不正確的id。 它現在應該工作。
無法發表評論所以發帖回答。
$('#posts').append($('<div class="messageBox">'+'<img src="img/profilok/'+e.kep+'"/>'+'<p class="name">'+e.nev+'</p>'+'<p>'+e.uzenet+'</p>'+'<p class="time">'+e.ido+'</p>'+'</div>'));
你有沒有試過改變上面的
$('#posts').append('<div class="messageBox">'+'<img src="img/profilok/'+e.kep+'"/>'+'<p class="name">'+e.nev+'</p>'+'<p>'+e.uzenet+'</p>'+'<p class="time">'+e.ido+'</p>'+'</div>');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.