ขอความช่วยเหลือครับ เขียน jQuery แล้วคำสั่งไม่ทำงาน
นี่คือโค้ดที่สั่งให้ทำงานครับ
ตัวฟังก์ชั่น
Code (PHP)
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
$('a[id^="edit"]').fancybox({
'width' : '45%',
'height' : '20%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
onClosed : function() {
parent.location.reload(true);
}
});
$('a[id^="delete"]').fancybox({
'width' : '20%',
'height' : '20%',
onStart : function() {
return window.confirm('Do you want to delete?');
},
onClosed : function() {
parent.location.reload(true);
}
});
});
ตัวเรียกใช้ฟังก์ชั่น
<?php
$i=0;
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC))
{
$i++;
?>
<tr>
<td><div align="center"><?php echo $result["carline_ID"];?></div></td>
<td><div align="center"><?php echo $result["Ncarline"];?></div></td>
<td><div align="center"><?php echo $result["Point_ID"];?></div></td>
<td><div align="center"><?php echo $result["Pointstop"];?></div></td>
<td><div align="center"><?php echo $result["Tmorning"];?></div></td>
<td><div align="center"><?php echo $result["Tevening"];?></div></td>
<td><div align="center"><?php echo $result["type"];?></div></td>
<td ><div align="center"><?php echo $result["status"];?> </div></td>
<td align="center"><a id="edit<?php echo $i;?>" class="various iframe" href="editform-bpi.php?PointID=<?php echo $result["Point_ID"];?>" >Edit</a></td>
<td align="center"><a id="delete<?php echo $i;?>" class="various iframe" href="deletefrom-bpi.php?PointID=<?php echo $result["Point_ID"];?>">Delete</a></td>
</tr>
<?php
}
?>
โค้ดทั้งหมดนี้ทำตาม https://www.thaicreate.com/community/popup-fancybox-jquery-php-mysql.html บทความนี้ครับผม
แต่ไม่สามารถกกดให้เป็นป้อบอัพขึ้นมาได้
รบกวนช่วยทีครับผมเชคหมดทุกจุดแล้ว Path ก็ถูกหมดแล้วTag : PHP, JavaScript, Ajax, jQuery
Date :
2017-05-22 13:49:11
By :
stamp006
View :
1914
Reply :
13
ถ้าบน Chrome ของกด Ctrl+Shift+J ครับ ตรง Console น่าจะมี Error แจ้งครับ
Date :
2017-05-23 06:32:43
By :
mr.win
Date :
2017-05-23 08:55:53
By :
mr.win
jQuery.Deferred exception: $(...).fancybox is not a function TypeError: $(...).fancybox is not a function
at HTMLDocument.<anonymous> (http://localhost/web/login/BPI-edit.php:62:28)
at j (http://code.jquery.com/jquery-3.2.1.min.js:2:29999)
at k (http://code.jquery.com/jquery-3.2.1.min.js:2:30313) undefined
------------------------------------------------------------------------------------------------------------------------------------------------
Uncaught TypeError: $(...).fancybox is not a function
at HTMLDocument.<anonymous> (BPI-edit.php:62)
at j (jquery-3.2.1.min.js:2)
at k (jquery-3.2.1.min.js:2)
เออเร่อที่ได้ครับ
Date :
2017-05-24 13:26:06
By :
stamp006
ตัวอย่าง jquery-1.4.3.min.js
แต่ Error ที่ได้ jquery-3.2.1.min.js
ไม่สัมพันธ์กันอย่างแรง
ให้ข้อมูลไม่ครบก็ช่วยต่อไม่ได้ครับ
Date :
2017-05-24 14:17:08
By :
apisitp
Code ยังเอาใส่แท็กไม่ได้
คุยกันคนละภาษาล่ะ
แล้วจะนับบรรทัดยังไง
คิดจะให้ช่วยก็ต้องอำนวยความสะดวกบ้างสิครับ
แล้วแค่ Error ค้นหาหน่อยก็เจอ
Stack Overflow มีคำตอบ
Date :
2017-05-30 00:10:32
By :
apisitp
ขอโทดครับพอดีพึ่งเข้ามาเขียนกระทู้แรกเลยใช้ไม่ค่อยเปน
Date :
2017-05-30 10:46:15
By :
stamp006
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
ย้าย script ด้านบน ไปวางให้ถูกที่
<script type="text/javascript" src="jquery.fancybox-1.3.4/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style/style.css" />
<script type="text/javascript">
แก้เป็น
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style/style.css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="jquery.fancybox-1.3.4/jquery-1.4.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
ตัว jquery1.12.4 มันใหม่กว่า 1.4.3 ถ้าเอาของใหม่ไว้ทีหลัง มันไปบัง function เก่า
ทำให้ conflict ในเรื่อง function บางตัว หรือหาไม่เจอ ลองดูครับ
แต่จะให้ดี หาเวอร์ชั่นใหม่มาใช้ ทั้งชุดก็จะดี
อีกอย่าง bootstrap มันก็จะมี หลาย function ชนกันกับ jquery ก็วางตำแหน่ง ของเก่ากะของใหม่ให้ดี
หลักการง่ายๆ เฉพาะ jquery เอาของใหม่ วางก่อนของเก่า จะไม่ค่อย conflct กัน
แต่ถ้าเอาของเก่าขึ้นก่อน ของใหม่ จะบัง function เก่า ยกเว้น จะเข้าไปแก้ไข หัวไฟล์
จะลองค้นหาวิธีการแก้ไขไฟล์ดูก็ได้ ก็จะได้ความรู้เพิ่มขึ้น
Date :
2017-05-30 11:04:21
By :
Chaidhanan
หา fancybox ที่ใช้งานกับ 1.12.4 มาใช้
Date :
2017-06-01 08:03:44
By :
Chaidhanan
ขอบคุณครับ
Date :
2017-06-01 11:00:09
By :
stamp006
Load balance : Server 04