Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > รบกวนสอบถามเกี่ยวกับการ include file javascript จากหลายไฟล์แล้วมีปัญหาตัวแปรซ้ำกัน(มีบ้างฟังก์ชั่นทำงานไม่ได้)

รบกวนสอบถามเกี่ยวกับการ include file javascript จากหลายไฟล์แล้วมีปัญหาตัวแปรซ้ำกัน(มีบ้างฟังก์ชั่นทำงานไม่ได้)

เริ่มหัวข้อใหม่

nook

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

รบกวนสอบถามผมมีปัญหาในการ include ไฟล์ javascript เพื่อใช้งาน jquery หรือ ajax ตัวแรกเป็น jqeury ที่เกี่ยวกับวันที่ ตัวที่สอง เป็น ajax เกี่ยวกับ listbox

<script type="text/javascript" src="jquery/DatePicker/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery/DatePicker/js/jquery-ui-1.8.10.offset.datepicker.min.js"></script>
ชุดแรก สองตัวนี้เป็นวันที่

echo "<script type=\"text/javascript\" src=\"jquery.min.js\"></script>";
echo "<script type=\"text/javascript\" src=\"ajax.js\" ></script>";
ชุดสอง ส่วนตัวนี้เป็น listbox

ปัญหาหาคือ ถ้าเขียนตามลำดับแบบนี้ตัววันที่จะใช้งานไม่ได้ list box ใช้งานได้
แต่ถ้านำชุด listbox ขึ้นก่อน วันที่จะใช้งานได้แต่ listbox ไม่สามารถใช้งานได้
มีทางแก้ไขไหมครับ ไฟล์ javascript เป็นของที่โหลดจากเว็บ ผมคิดว่าปัญหาน่าจะเกิดจากการประกาศตัวแปรซ้ำกันของไฟล์ javascript
ออกตัวก่อนว่าผมมีความรู้ด้านนี้น้อยนะครับ ปัญหานี้เคยเจอครั้งหนึ่ง ตอน datepicker และ autotext(กรอกค้นหาข้อมูล) ตอนนั้นผมเลือกเอา datepicker ไว้ แต่ตอนนี้มีความจำเป็นต้องใช้ทั้งสองอย่างครับ
ด้วยความเคารพ ขอบคุณครับ

Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2013-07-19 09:37:58

By : nook563

View : 2690

Reply : 2

No. 1

Manussawin

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

Date : 2013-07-19 09:44:10

By : Manussawin

No. 2

nook

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

สาเหตุที่ตีกันเพราะการอ้างอิงตัวแปรมีรูปแบบคล้ายๆ กันครับโดย
jQuery1.2.x -> $(‘test’).val();
jQuery1.6 -> $(‘test’).value;

จะเห็นว่าการเรียกตัวแปรนั้นจะใช้ $ เหมือนกันทำให้ไม่สามารถใช้งานพร้อมกันได้

แล้วหากมีความจะเป็นต้องใช้ละจะทำอย่างไรดี วิธีแก้ก็ทำได้ง่ายโดยใช้คำสั่ง jQuery.noConflict();
เข้ามาช่วยครับ ดังต้วอย่างต่อไปนี้

Code

<script type=”text/javascript” src=”jquery-1.2.x.js” />
 <script type=”text/javascript” src=”jquery.js” />
 <script type=”text/javascript”> jQuery.noConflict(); </script>

หลังจากนั้นเปลี่ยนตัวแปรของ jQuery ไฟล์ที่ชื่อว่า jquery.js ทั้งหมดจาก $ ให้เป็น jQuery แทน เช่น
Code

 $(“#div1″).fadeIn(“fast”); -> jQuery(“#div1″).fadeIn(“fast”);
 $(“#div1″).html(); -> jQuery(“#div1″).html();

credit : http://www.pedgrammer.com/news/2011/02/programming-jquery-mootools/

จากข้างต้นไฟล์อันดับแรกของผมชื่อ (โฟกัสไปที่ไฟล์ jquery)
Code

<script type="text/javascript" src="jquery/DatePicker/js/jquery-1.4.4.min.js"></script>

Code (PHP)

 echo "<script type=\"text/javascript\" src=\"jquery.min.js\"></script>";
echo "<script type=\"text/javascript\" src=\"ajax.js\" ></script>";//เพราะกรณีนี้ค่าใน list box จะถูกนำเข้าตัวแปรแล้วมาคำนวนในนี้

ชุดสอง ส่วนตัวนี้เป็น listbox

ตัวแรกที่เป็น datepicker ก็เรียกใช้งานตามปกติ แต่หลังจากที่ดึง
echo "<script type=\"text/javascript\" src=\"jquery.min.js\"></script>"; เสร็จ ผมต้องทำการเปลี่ยนชื่อตัวแปร $ ในไฟล์นี้เพื่อไม่ให้ซ้ำกับตัวแปรใน DatePicker โดยทำดังนี้

Code (PHP)

echo "<script type=\"text/javascript\" src=\"jquery.min.js\"></script>";
	echo "<script type=\"text/javascript\" src=\"ajax.js\" ></script>";

	echo "<script language=\"javascript\">";
		echo"jq162 = jQuery.noConflict(true);";
			echo "window.onload=Add;";  // ตัวนี้ทำงานในไฟล์ ajax.js ซึ่งเป็นไฟล์ลูกของ jquery.min.js
	echo "</script>";

จากนั้นผมก็ไปเปลี่ยนตัวแปร $ ที่เรียกใช้งานในไฟล์ ajax.js ทั้งหมดเป็น jq162 ตามที่ตั้งไว้ แล้วทดสอบรันโปรแกรมใหม่ ทั้ง listbox และ datepicker ผมสามารถทำงานได้ปกติครับ

**ใจความสำคัญผมคิดว่าน่าจะอยู่ที่ การเปลี่ยนชื่อตัวแปร $ ในไฟล์ js ที่สองครับ

รอผู้รู้ผ่านมาช่วยสรุปให้ด้วยนะครับ

Date : 2013-07-19 12:13:48

By : nook563

ค้นหาข้อมูล

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

Re : รบกวนสอบถามเกี่ยวกับการ include file javascript จากหลายไฟล์แล้วมีปัญหาตัวแปรซ้ำกัน(มีบ้างฟังก์ชั่นทำงานไม่ได้)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 02

Registered : 109,027

No. 1

No. 2

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice