test1.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale1.0,user-scalable=no">
<title>title</title>
<link rel="stylesheet" href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css">
<script src="jquery.mobile-1.3.0/jquery.js" type="text/javascript"></script>
<script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js" type="text/javascript"></script>
<script>
$(function(){
$.get(
"test1.php",{},function(result){
$("#result").html(result);
});
});
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>test</h1>
</div>
<div data-role="content" style="padding:20px 50px 20px 50px;">
<div id="result"></div>
</div>
</div>
</body>
</html>
test1.php
<?
echo "<a href='#' id='btn_del' data-role='button' data-inline='true' data-icon='delete'>Del</a>";
?>
ค่าที่ส่งมาจาก php มันไม่แสดงปุ่มที่เป็นรูปแบบของ jquery mobile มันแสดงเป็นลิงค์ธรรมดา
ไม่ทราบว่าต้องแก้ไขอะไรบ้างครับ
ทำไม jquery mobile ที่ส่งมาจาก php ไม่ทำงาน ช่วยดูให้หน่อยครับ
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale1.0,user-scalable=no">
<title>title</title>
<link rel="stylesheet" href="jquery.mobile-1.3.0/jquery.mobile-1.3.0.css">
<script src="jquery.mobile-1.3.0/jquery.js" type="text/javascript"></script>
<script src="jquery.mobile-1.3.0/jquery.mobile-1.3.0.js" type="text/javascript"></script>
<script>
$(function(){
$.get(
"test1.php",{},function(result){
$("#result").html(result);
});
});
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>test</h1>
</div>
<div data-role="content" style="padding:20px 50px 20px 50px;">
<div id="result"></div>
</div>
</div>
</body>
</html>
test1.php
<?
echo "<a href='#' id='btn_del' data-role='button' data-inline='true' data-icon='delete'>Del</a>";
?>
ค่าที่ส่งมาจาก php มันไม่แสดงปุ่มที่เป็นรูปแบบของ jquery mobile มันแสดงเป็นลิงค์ธรรมดา
ไม่ทราบว่าต้องแก้ไขอะไรบ้างครับ