Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 3742|ตอบกลับ: 12

[X2] เกี่ยวกับลิ้งเชื่อม css กับ js

[คัดลอกลิงก์]
beautiful โพสต์ 2012-3-17 06:07:30 |โหมดอ่าน
คือผมเอาลิ้งเชื่อม js กับ css เพิ่มเข้าไป


แต่พอจะแก้ไข div หน้าเว็บก็ใช้งานไม่ได้


ผมเลยอยากจะทราบว่า พอจะมีวิธีที่ให้ลิ้งเชื่อมที่เพิ่มเข้าไปใหม่ให้ใช้กับ class, id หรือ อะไรก็ได้ที่ระบบว่าใช้เฉพราะกับที่ต้องการอ่าครับ

ตัวอย่างแบบ css เช่น body ใน css ก็ .body { }อะไรประแบบนี้อ่าครับ


หากยังไม่เข้าใจ
  1.                 <link rel="stylesheet" type="text/css" href="css/main.css" />
  2.                
  3.                 <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
  4.                 <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
  5.                 <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
  6.                
  7.                 <script type="text/javascript">
  8.                         $().ready(function() {
  9.                                 $('.kwicks').kwicks({
  10.                                         max : 220,
  11.                                         spacing : 5
  12.                                 });
  13.                         });
  14.                 </script>
คัดลอกไปที่คลิปบอร์ด
ให้ script ข้างบนนี้ใช้กับ โค้ดข้างล่างเท่านั้น และไม่ให้อันอื่นสามารถเรัยกใช้ด้วยได้
  1. <ul class="kwicks horizontal" >
  2.                         <li id="kwick_1"></li>
  3.                         <li id="kwick_2"></li>
  4.                         <li id="kwick_3"></li>
  5.                         <li id="kwick_4"></li>
  6.                 </ul>
คัดลอกไปที่คลิปบอร์ด
ขอให้เข้าใจกับทุกคนที่อ่านด้วยด้วยเทอญ

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
member02 โพสต์ 2012-3-17 09:43:32
งง  เหะๆ ไม่เข้าใจ Java
 เจ้าของ| beautiful โพสต์ 2012-3-17 10:11:41
ไม่เข้าใจยังไงครับ
 เจ้าของ| beautiful โพสต์ 2012-3-17 11:58:59
คือว่าไฟล์ header มันมีลิ้งเชื่อม css กับ js ของมันอยู่แล้วใช่ไหมครับ

แต่ เราจะเพิ่มลูกเล่นเข้าไปอีก โดยมันจะต้องเรียกใช้ css กับ js ไฟล์อื่น

แต่พอเราเอาลิ้งเชิ่อม ไฟล์ css กับ js อันใหม่เข้าไปแต่กลับกลายเป็นอันเก่าไม่ทำงาน
เลยอยากจะให้ ลิ้งเชื่อม ไฟล์อันใหม่ให้ใช้เฉพราะกับ อันที่เราต้องการ อ่าครับ เข้าใจแล้ว ไหมครับ!

เพิ่มเนื้อหา (2012-3-17 12:00):
ทำแบบนั้นได้ไหมครับ
member02 โพสต์ 2012-3-17 12:19:36
{:9997gag:} ได้ครับป๋ม

แสดงความคิดเห็น

ถ้าได้ช่วยยกตัวอย่างให้ทีครับ  โพสต์ 2012-3-17 12:24
ทำไงคครับ  โพสต์ 2012-3-17 12:22
rokaisakkon โพสต์ 2012-3-17 17:54:33
เจคิวรี่ มันตีกัน

 เจ้าของ| beautiful โพสต์ 2012-3-17 19:00:03
แล้วจะเขียนยังไงดี หว่า...
Joneburapa โพสต์ 2012-3-17 20:18:31
ต้องใช้ jQuery.noConflict(); น่ะครับ แต่ผมก็ไปไม่เป็นเหมือนกัน ฮ่าๆ
joeja โพสต์ 2012-3-17 21:51:37
สร้างคลาสใครคลาสมันสิฮะ
สร้างตรงเฮดเด้อให้เรียก ตัวแปลใหม่ ส่วนสคริปจาวาก็รับตัวแปลที่เราตั้งไหม่ใน header

ปล.ผมแนะนำเฉยๆ เคยเรียนแต่ภาษา C ก็น่าจะไอเดียเดียวกันละมั้ง
joeja โพสต์ 2012-3-17 22:08:46
เอ่อ เดี๋ยวก่อนนะคือท่านจะเอาสคริปส่วนหนึ่งนึงไปวางในเฮดของ css อีกอันวางในส่วน body ใช่มะ อาจเป็นที่ตำแหน่งที่ท่านวางในบอดี้ไม่ถูกต้อง ผมเคยทำอยู่ เกิดเอเร่อแบบนั้นผมว่าไม่น่าจะเกี่ยวกับตำแหน่งไม่น่าจะเกี่ยวกับสคริปตีกัน

เพิ่มเนื้อหา (2012-3-17 22:09):
ตกลงเราคุยเรื่องเดียวกันไหมนี่

เพิ่มเนื้อหา (2012-3-17 22:10):
เกิดเอเร่อแบบนั้นผมว่ามันน่าจะเกี่ยวกับตำแหน่งไม่น่าจะเกี่ยวกับสคร
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-12-22 21:09

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้