Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > เราจะ get element ที่มาจาก ajax ได้ยังไงครับ ใช้ jquery ครับ


เราจะ get element ที่มาจาก ajax ได้ยังไงครับ ใช้ jquery ครับ

 
Topic : 101652



โพสกระทู้ ( 11 )
บทความ ( 1 )



สถานะออฟไลน์



เราจะ getElementId ที่ Ajax callback กลับมา ได้ยังไงบ้างครับ เพราะเมื่อ $(document).ready();
เราจะใช้ .load ไฟล์มาจาก server เลย ผ่าน ajax พอกลับมาแล้วที่ jQuery มันไม่รู้จัก Element นั้น
ตัวอย่างครับ www.phurit.com/ มีไฟล์ให้ดาวโหลด
พื้นที่สีเทาคือมาจาก ajax และตรงปุ่ม send ด้วย

จากตัวอย่าง
- ปุ่ม fix page คือ ปุ่มที่อยู่ใน หน้า index อยู่แล้ว เมื่อ click ก็จะ alert ขึ้นมา
- แต่ปุ่ม send มันมาจาก ajax เมื่อ click แล้วมันไม่ alert เหมือนปุ่ม fix page
อยากให้กดปุ่ม send แล้ว alert ขึ้นมาบ้าง



Tag : PHP, Ajax, jQuery, CakePHP
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-10-14 12:00:25 By : jigjopuna View : 970 Reply : 7
 

 

No. 1



โพสกระทู้ ( 11 )
บทความ ( 1 )



สถานะออฟไลน์


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Element from callback</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$('#content').load('ajax.php');
$('#btnEmbedPage').click(function(){alert('fix Page');});
$('#btn').click(function(){alert('From ajax');});
});
</script>
</head>
<body>
<div id="wrapper">
<h2>Introduction</h2>
<hr>
<h4>Content</h4> <input type='button' id="btnEmbedPage" value="fixPage">
<div id="content" style="background-color:gray">
dfsdf
<!--insert Dynamic HTML From Ajax-->
</div>

</div>
<a href="testAjaxGetEleFrmCalback.zip">download File Demo</a>
</body>
</html>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 12:03:10 By : jigjopuna
 

 

No. 2



โพสกระทู้ ( 11 )
บทความ ( 1 )



สถานะออฟไลน์


file ajax.php
<?php
$row = 5;
for($i=1; $i<=$row; $i++){
echo "<p>paragraph$i</p>";
}
echo "<input type='button' value='Send' id='btn'>";
?>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 12:03:41 By : jigjopuna
 

 

No. 3



โพสกระทู้ ( 1,348 )
บทความ ( 1 )



สถานะออฟไลน์


HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Element from callback</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$('#content').load('ajax.php','',function(){
$('#btn').click(function(){alert('From ajax');});
});
$('#btnEmbedPage').click(function(){alert('fix Page');});
});
</script>
</head>
<body>
<div id="wrapper">
<h2>Introduction</h2>
<hr>
<h4>Content</h4> <input type='button' id="btnEmbedPage" value="fixPage">
<div id="content" style="background-color:gray">
dfsdf
<!--insert Dynamic HTML From Ajax-->
</div>

</div>
<a href="testAjaxGetEleFrmCalback.zip">download File Demo</a>
</body>
</html>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 12:14:06 By : watcharop
 

 

No. 4



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Quote:
เป็นการดักจับอีเวนท์ที่เกิดใน div#content ครับ


index.php ส่วนไฟล์ ajax.php ไม่ต้องทำอะไรกับมันครับ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Element from callback</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
	$(document).ready(function(){
		$('#content').load('ajax.php');
		$('#btnEmbedPage').click(function(){alert('fix Page');});
		$('#content').on("click","#btn",
			function(){
				alert('From ajax');
			});
	});
</script>
</head>
<body>
<div id="wrapper">
	<h2>Introduction</h2>
    <hr>
    <h4>Content</h4> <input type='button' id="btnEmbedPage" value="fixPage">
    <div id="content" style="background-color:gray">
       dfsdf
       <!--insert Dynamic HTML From Ajax-->
    </div>
</div>

</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 12:21:18 By : sakuraei
 

 

No. 5



โพสกระทู้ ( 11 )
บทความ ( 1 )



สถานะออฟไลน์


ได้แล้วครับ ขอบคุณมากนะครับ ทุกคน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 12:51:02 By : jigjopuna
 

 

No. 6



โพสกระทู้ ( 11 )
บทความ ( 1 )



สถานะออฟไลน์


ออ เราต้องดักอีเว้น element ที่มีใน page ก่อน แล้วค่อยอ้างถึง Dom ข้างในอีกที
ความรู้ใหม่ครับ ขอบคุณนะครับ ทำตั้งนาน ^^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 13:50:53 By : jigjopuna
 

 

No. 7



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 6 เขียนโดย : jigjopuna เมื่อวันที่ 2013-10-14 13:50:53
รายละเอียดของการตอบ ::
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-14 13:57:56 By : sakuraei
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : เราจะ get element ที่มาจาก ajax ได้ยังไงครับ ใช้ jquery ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่