สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

ewqolf · 16/01/2023 5:40 pm

มันจะมีปัจจัยอะไรบ้างครับที่จะทำให้ตัว lib ที่เราทำการลงไปแล้วเราเรียกใช้ ฟังก์ชั่นนั้นๆ ไม่ได้หรอครับเนื่องจากว่าผมใช้ตัว draggable ในตัวหน้าเว็บอื่นๆผมใช้ได้ครับ แต่พอเอาไปใช้งานกับตัว template ของ phpBB แล้วกลับใช้งานตัวของ draggable ได้มันบอกว่าไม่รู้จัก function นั้นๆครับ ทั้งๆที่ผมได้ ประกาศการใช้งานที่หัวแล้ว ไปลองกับหน้าเว็บไซต์อื่นด้วยการประกาศแบบเดียวกัน ใช้งานแบบเดียวกันแต่กลับใช้ได้ แต่พอเป็นหน้าเว็บไซต์หลักกลับใช้ไม่ได้ครับ

: image_2023-01-16_173919021.png (11.5 KiB) Viewed 1654 times

: image_2023-01-16_173939614.png (11.19 KiB) Viewed 1654 times

: image_2023-01-16_174002592.png (3.78 KiB) Viewed 1654 times

ในตอนแรกที่ผมใช้ template ของตัวเองก็ยังสามารถใช้งานได้อย่างปกติครับ

tsukasaz · 16/01/2023 5:49 pm

ลองเปลี่ยนจาก $("***") เป็น jQuery("***") ดูก่อนครับ

ewqolf · 16/01/2023 6:02 pm

tsukasaz เขียน: ↑16/01/2023 5:49 pm ลองเปลี่ยนจาก $("***") เป็น jQuery("***") ดูก่อนครับ

ไม่ได้เหมือนกันครับผม ตรงส่วนของ jquery ปกติทำงานได้ครับแต่ว่าตัวของ jquery-UI ทำงานไม่ได้เลยครับ

: image_2023-01-16_180043855.png (12.58 KiB) Viewed 1644 times

: image_2023-01-16_180111849.png (10.5 KiB) Viewed 1644 times

tsukasaz · 16/01/2023 6:33 pm

ปัญหาคือมันบอกว่าไม่มี function นี้ ลองเช็คลำดับการเรียกหน่อยครับ ว่า tag script เรียก 3 ไฟล์นี้ รูปภาพ

อยู่หลังโค้ดที่เราเขียนหรือเปล่า

ewqolf · 16/01/2023 6:41 pm

tsukasaz เขียน: ↑16/01/2023 6:33 pm ปัญหาคือมันบอกว่าไม่มี function นี้ ลองเช็คลำดับการเรียกหน่อยครับ ว่า tag script เรียก 3 ไฟล์นี้

อยู่หลังโค้ดที่เราเขียนหรือเปล่า

ได้แล้วครับผมย้ายตัวของการเรียกใช้ฟังก์ชั่นให้มันมาอยู่ที่ใน form แล้วก็ใช้ได้ครับตอนแรกผมประกาศที่ header ขอบคุณมากๆเลยครับผม

: image_2023-01-16_184034129.png (24.96 KiB) Viewed 1631 times

: 1673869280916.gif (161.56 KiB) Viewed 1631 times

YouTube · 16/01/2023 10:09 pm

ควรเช็คไฟล์ที่โหลด เข้ามาใช้งานว่าได้โหลด lib เข้ามาใช้งานก่อนเรียกใช้ ฟังก์ชั่นหรือเปล่า
และไม่ควรเรียกใช้ lib เดิมงานใช้งานซ้ำๆ จะทำหให้ client ทำงานหนัก และ ส่วนของไฟล์ที่เอาเข้ามาใช้ควรไว้ใน header เพื่อจะเรียกใช้งานจากส่วนไหนของหน้าก็ไม่ได้
และ หลีกเลี่ยงปัญหาอื่นๆ ที่จะตามมาอีกจากการเขียนที่ไม่ได้มาตรฐานอื่นๆ อีก

โค้ด: เลือกทั้งหมด

<header>
// lib javascript ต่างๆที่จะใช้งาน
// css ต่างๆที่จะใช้งาน 
</header>
<body>
// Element  html tag ต่างๆ ของหน้าเว็บ ทั้งหมด  

// code javascript 
</boby>

และ ควรใช้ class css ของ bootstrap เป็นหลัก ไม่ควรเขียน inline css เพราะจะทำซ้ำซ้อนกับ css เดิมและให้แก้ไขยาก

ewqolf · 18/01/2023 1:44 pm

mindphp เขียน: ↑16/01/2023 10:09 pm ควรเช็คไฟล์ที่โหลด เข้ามาใช้งานว่าได้โหลด lib เข้ามาใช้งานก่อนเรียกใช้ ฟังก์ชั่นหรือเปล่า
และไม่ควรเรียกใช้ lib เดิมงานใช้งานซ้ำๆ จะทำหให้ client ทำงานหนัก และ ส่วนของไฟล์ที่เอาเข้ามาใช้ควรไว้ใน header เพื่อจะเรียกใช้งานจากส่วนไหนของหน้าก็ไม่ได้
และ หลีกเลี่ยงปัญหาอื่นๆ ที่จะตามมาอีกจากการเขียนที่ไม่ได้มาตรฐานอื่นๆ อีก
โค้ด: เลือกทั้งหมด
<header>
// lib javascript ต่างๆที่จะใช้งาน
// css ต่างๆที่จะใช้งาน 
</header>
<body>
// Element  html tag ต่างๆ ของหน้าเว็บ ทั้งหมด  

// code javascript 
</boby>
และ ควรใช้ class css ของ bootstrap เป็นหลัก ไม่ควรเขียน inline css เพราะจะทำซ้ำซ้อนกับ css เดิมและให้แก้ไขยาก

ผมลองประกาศที่ Header แล้วครับมันก็ยังไม่รู้จักตัว jquery UI อีกอยู่ดีครับ ผมลองเข้าไปเช็คในไฟร์ของเว็บไซต์มันก็ยังมีตัวของ ไฟร์ jquery UI อยู่ด้วยนะครับ ซึ่งในต้นกระทู้ผมก็ใช้วิธีการประกาศที่ Header แล้วมันก็บัคอะครับ

MBMoo · 18/01/2023 8:38 pm

ลองเขียน html และ js มา เฉพาะส่วนที่ใช้ และลองเรียกตัว lib ดูก่อนค่ะ พร้อมเอา code มาแปะ พร้อมผลรัน และ error (หากมี) ด้วยนะคะ

ewqolf · 20/01/2023 12:55 pm

bolue เขียน: ↑18/01/2023 8:38 pm ลองเขียน html และ js มา เฉพาะส่วนที่ใช้ และลองเรียกตัว lib ดูก่อนค่ะ พร้อมเอา code มาแปะ พร้อมผลรัน และ error (หากมี) ด้วยนะคะ

ลองแล้วครับถ้าเขียนแยกออกมาใช้งานได้ปกติครับ

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	<title>Document</title>
</head>
<body>
	<div class="drag" style="width: 200px;height: 200px;background-color: blue;"></div>
         <script>
                $(".drag").draggable();
         </script>
</html>

: 1674194129026.gif (55.72 KiB) Viewed 1254 times

YouTube · 20/01/2023 4:10 pm

ที่เขียนแยกมา tag html พื้นฐานยังไม่ครบ

แนะให้เขียนเฉพาะส่วนที่ใช้งานเพื่อได้ ทำความเข้าใจพื้นฐานก่อนเอา lib ต่างๆ มาใช้ด้วยกัน จะได้มองออกว่า ปัญหามาจากจุดไหน

เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

Re: สอบถามเรื่องการใช้ drag and drop ไม่ได้ครับ

ผู้ใช้งานขณะนี้