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 > PHP > PHP Forum > ขอความช่วยเหลือครับ เขียน jQuery แล้วคำสั่งไม่ทำงาน



 

ขอความช่วยเหลือครับ เขียน jQuery แล้วคำสั่งไม่ทำงาน

 



Topic : 127697



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



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




นี่คือโค้ดที่สั่งให้ทำงานครับ

ตัวฟังก์ชั่น

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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-05-22 13:49:11 By : stamp006 View : 1844 Reply : 13
 

 

No. 1



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

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

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

ถ้าบน Chrome ของกด Ctrl+Shift+J ครับ ตรง Console น่าจะมี Error แจ้งครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-23 06:32:43 By : mr.win
 


 

No. 2



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2017-05-23 06:32:43
รายละเอียดของการตอบ ::
... เพิ่งรู้ว่ากด Ctrl+Shift+J ได้ เข้าแต่ F12 แฮ่ะๆ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-23 08:29:05 By : apisitp
 

 

No. 3



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

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

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


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-23 08:55:53 By : mr.win
 


 

No. 4



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



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


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
 


 

No. 5



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


ตัวอย่าง jquery-1.4.3.min.js
แต่ Error ที่ได้ jquery-3.2.1.min.js
ไม่สัมพันธ์กันอย่างแรง
ให้ข้อมูลไม่ครบก็ช่วยต่อไม่ได้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-24 14:17:08 By : apisitp
 


 

No. 7



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



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


อันนี้เป็นerror ในส่วนของ Chrome ครับ
เหมือนมันไปเรียกฟังชั่นของตัวjquery แล้วมันติด error อะครับ ช่วยผมที TT




Code
GET http://localhost/web/login/style/style.css BPI-edit.php:56 Uncaught TypeError: $(...).fancybox is not a function at HTMLDocument.<anonymous> (BPI-edit.php:56) at Function.ready (jquery-1.4.3.min.js:28) at HTMLDocument.t (jquery-1.4.3.min.js:36) (anonymous) @ BPI-edit.php:56 ready @ jquery-1.4.3.min.js:28 t @ jquery-1.4.3.min.js:36 BPI-edit.php:56 Uncaught TypeError: $(...).fancybox is not a function at HTMLDocument.<anonymous> (BPI-edit.php:56) at ready (jquery-1.4.3.min.js:28)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-29 11:31:15 By : stamp006
 


 

No. 8



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


Code ยังเอาใส่แท็กไม่ได้
คุยกันคนละภาษาล่ะ
แล้วจะนับบรรทัดยังไง
คิดจะให้ช่วยก็ต้องอำนวยความสะดวกบ้างสิครับ

แล้วแค่ Error ค้นหาหน่อยก็เจอ
Stack Overflow มีคำตอบ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-30 00:10:32 By : apisitp
 


 

No. 9

Guest


ขอโทดครับพอดีพึ่งเข้ามาเขียนกระทู้แรกเลยใช้ไม่ค่อยเปน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-30 10:46:15 By : stamp006
 


 

No. 10



โพสกระทู้ ( 9,559 )
บทความ ( 2 )



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


<!-- 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
 


 

No. 11



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

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

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


ตอบความคิดเห็นที่ : 9 เขียนโดย : stamp006 เมื่อวันที่ 2017-05-30 10:46:15
รายละเอียดของการตอบ ::
... มันไม่เกี่ยวว่ากระทู้แรก มันไม่เกี่ยวว่าใช้ไม่เป็นป่ะว่ะ มันอยู่ที่ความใส่ใจล้วนๆ ว่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-31 08:27:50 By : apisitp
 


 

No. 12

Guest


ตอบความคิดเห็นที่ : 10 เขียนโดย : Chaidhanan เมื่อวันที่ 2017-05-30 11:04:21
รายละเอียดของการตอบ ::
ลองแก้ตามแล้วยังไม่ได้เลยอะครับ พอแก้ตามแล้วทีนี้ ไปกดปุ่ม edit แล้ว มันไม่ทำงานเลย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-05-31 13:10:56 By : stamp006
 


 

No. 13



โพสกระทู้ ( 9,559 )
บทความ ( 2 )



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


หา fancybox ที่ใช้งานกับ 1.12.4 มาใช้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-01 08:03:44 By : Chaidhanan
 


 

No. 14

Guest


ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-06-01 11:00:09 By : stamp006
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
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 04
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 อัตราราคา คลิกที่นี่