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,027

HOME > Client Script Forum > เกี่ยวกับ jquery มันไม่ทำงาน ไม่ค่อยเข้าใจหลักการเท่าไหร่ครับ



 

เกี่ยวกับ jquery มันไม่ทำงาน ไม่ค่อยเข้าใจหลักการเท่าไหร่ครับ

 



Topic : 085129



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



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




Code (JavaScript)
<script type="text/javascript"><!--
var course_row = <?php echo $i; ?>;

function addCourse() {
	html  = '	<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" id="course-row' + course_row + '">';
	html += '	  <tr>';
	html += '		<td class="left" width="350" style="background-image:url(image/bg_title2.png); background-repeat: repeat-x; color: #02575C; border-right: 3px solid #02575C;"><strong>Select course&nbsp;' + course_row + '</strong></td>';
	html += '		<td class="left" width="150" style="background-image:url(image/bg_title2.png); background-repeat: repeat-x; color: #02575C;"><strong>Price</strong></td>';
	html += '	  </tr>';
		  <?php $results_course = $db->select("SELECT * FROM course"); ?>
		  <?php foreach ($results_course as $result_course) { ?>
		  <?php $split = explode("+", $result_course['name']); ?>
	html += '	  <tr>';
	html += '		<td class="left" style="border-bottom: 1px dotted #F1A701;">';
	<?php
            for ($n=0; $n<count($split); $n++) {
	?>
    html += '       	<strong><?php echo $split[$n]; ?></strong><br />';
	<?php
            }
	?>
	html += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :&nbsp;Free Room &nbsp; <?php echo $result_course['day']; ?>&nbsp;Night&nbsp;&nbsp;<a href="#" rel="detail_course.php?id=<?php echo $result_course['course_id']; ?>" style="font-size: 10px; color: #CC6600;">(Detail)</a></td>';
	html += '		<td class="left" style="border-bottom: 1px dotted #F1A701;"><input type="radio" name="course_select' + course_row + '" value="<?php echo $result_course['course_id']; ?>-<?php echo $result_course['price']; ?>" />&nbsp; <?php echo number_format($result_course['price']); ?> Bht.</td>';
	html += '	  </tr>';
		  <?php } ?>
	html += '	</table>';
    html += '    <br />';
    html += '    <br />';
	html += '	 <input type="hidden" name="countcourse[]" value="' + course_row + '" />';
	
	$('#before').before(html);
	
	course_row++;
}
//--></script> 


คือผมไม่สามารถ เรียกใช้งาน function javascript ที่ถูกสร้าง โดย code ด้านบนได้อ่าครับ

แต่ถ้าน้ำ code ด้านบนไปสร้างในรูป html แบบปกติ แบบไม่เรียกใช้ javascript มันก็จะเรียกใช้งานได้ปกติ

ซึ่งที่ผมต้องการเรียกใช้ก็คือ บรรดทัดนี้

<a href="#" rel="detail_course.php?id=<?php echo $result_course['course_id']; ?>" style="font-size: 10px; color: #CC6600;">(Detail)</a>

มันก็จะไปเรียก ใช้งานอันนี้

Code (JavaScript)
<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() 
{
   // Use the each() method to gain access to each elements attributes
   $('a[rel]').each(function()
   {
      $(this).qtip(
      {
         content: {
            // Set the text to an image HTML string with the correct src URL to the loading image you want to use
            text: '<img class="throbber" src="image/throbber.gif" alt="Loading..." />',
            url: $(this).attr('rel'), // Use the rel attribute of each element for the url to load
            title: {
               button: 'Close' // Show a close link in the title
            }
         },
         position: {
            corner: {
               target: 'bottomMiddle', // Position the tooltip above the link
               tooltip: 'topLeft'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            solo: true // Only show one tooltip at a time
         },
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            border: {
               radius: 2,
			   color: '#CC6600'
            },
			background: '#054a4f',
            name: 'light', // Use the default light style
            width: 450 // Set the tooltip width
         }
      })
   });
});
</script>


แต่พอกดแล้วมันก็นิ่งเฉย เหมือนกับว่า html ที่ถูก add โดย javascript มันไม่สามารถเรียกใช้งานจาก jquery ได้อ่าครับ

ขออภัยถ้าอธิบายแบบ งงๆ เพราะก็ไม่รู้ว่าจะใช้คำแบบไหนดี



Tag : - - - -









ประวัติการแก้ไข
2012-10-08 11:32:44
2012-10-10 11:37:14
2012-10-10 11:37:19
2012-10-10 11:37:23
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-10-08 11:30:25 By : billbox View : 1257 Reply : 2
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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

มี error ของ javascript หรือเปล่าครับ ลองใช้ firebug มา debug ดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-08 21:25:49 By : mr.win
 


 

No. 2



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



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


มันประมาณนี้อ่าครับ

http://nekoster.com/test.php

ลองเอาเม้าส์ไปจิ้มที่ detal มันจะโชว์ box แสดงรายละเอียด

แต่ถ้าเรากด add เพื่อแสดงข้อมูลเพิ่ม

แล้วเอาเม้าส์ไปจิ้มที่ detail ของตารางที่เพิ่มมา

มันไม่ทำงานครับ ไม่มี box ใดๆ เด้งมาเลย

มันเป็นเพราะอะไรหรอครับ


ประวัติการแก้ไข
2012-10-10 11:29:07
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-10-10 11:28:22 By : billbox
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เกี่ยวกับ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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