คำถามติดแท็ก jquery

jQuery เป็นไลบรารี JavaScript ให้พิจารณาเพิ่มแท็ก JavaScript ด้วย jQuery เป็นไลบรารี JavaScript ข้ามเบราว์เซอร์ที่ได้รับความนิยมซึ่งอำนวยความสะดวกในการแวะผ่าน Document Object Model (DOM) การจัดการเหตุการณ์ภาพเคลื่อนไหวและการโต้ตอบ AJAX โดยลดความคลาดเคลื่อนของเบราว์เซอร์ให้เหลือน้อยที่สุด คำถามที่ติดแท็ก jQuery ควรเกี่ยวข้องกับ jQuery ดังนั้น jQuery ควรใช้รหัสที่เป็นปัญหาและองค์ประกอบที่เกี่ยวข้องกับการใช้งานอย่างน้อย jQuery จำเป็นต้องอยู่ในคำถาม

7
ฉันสามารถใช้ jQuery หลายเวอร์ชันในหน้าเดียวกันได้หรือไม่?
โครงการที่ฉันกำลังดำเนินการอยู่นั้นต้องการการใช้ jQuery บนเว็บเพจของลูกค้า ลูกค้าจะใส่ก้อนของรหัสที่เราจะจัดหาซึ่งรวมถึงไม่กี่<script>องค์ประกอบที่สร้างเครื่องมือในสร้างแล้ว<script> <iframe>หากพวกเขาไม่ได้ใช้ jQuery รุ่นล่าสุดอยู่แล้วสิ่งนี้จะรวมถึง (สำหรับส่วนใหญ่) a <script>สำหรับ jQuery รุ่นที่โฮสต์โดย Google ปัญหาคือลูกค้าบางรายอาจมี jQuery เวอร์ชันเก่าติดตั้งอยู่แล้ว แม้ว่าวิธีนี้อาจใช้งานได้หากเป็นรุ่นล่าสุดอย่างเป็นธรรม แต่โค้ดของเราอาศัยฟังก์ชันการทำงานที่ได้รับการแนะนำเมื่อเร็ว ๆ นี้ในไลบรารี jQuery ดังนั้นจึงมีข้อผูกมัดที่จะต้องใช้อินสแตนซ์เมื่อรุ่น jQuery ของลูกค้าเก่าเกินไป เราไม่ต้องการให้พวกเขาอัปเกรดเป็น jQuery เวอร์ชันล่าสุด มีวิธีใดที่จะโหลด jQuery เวอร์ชันที่ใหม่กว่าเพื่อใช้ภายในบริบทของรหัสของเราเท่านั้นซึ่งจะไม่รบกวนหรือส่งผลกระทบต่อรหัสใด ๆ บนหน้าลูกค้า? ตามหลักแล้วบางทีเราสามารถตรวจสอบสถานะของ jQuery ตรวจพบเวอร์ชันและถ้ามันเก่าเกินไปก็จะโหลดเวอร์ชันล่าสุดเพื่อใช้กับโค้ดของเรา ฉันมีความคิดในการโหลด jQuery ใน<iframe>โดเมนของลูกค้าซึ่งรวมถึงของเรา<script>ซึ่งดูเหมือนจะเป็นไปได้ แต่ฉันหวังว่าจะมีวิธีที่สง่างามกว่าที่จะทำ (ไม่เอ่ยถึงหากไม่มีประสิทธิภาพและความซับซ้อนของ พิเศษ<iframe>)

12
วิธีที่มีประสิทธิภาพที่สุดในการสร้างองค์ประกอบ HTML โดยใช้ jQuery คืออะไร
เมื่อเร็ว ๆ นี้ฉันได้ทำป๊อปอัปหน้าต่างโมดอลมากมายและอะไรที่ฉันใช้ jQuery วิธีการที่ฉันใช้ในการสร้างองค์ประกอบใหม่บนหน้าเว็บนั้นมีมากมายตามแนวของ: $("<div></div>"); อย่างไรก็ตามฉันรู้สึกว่านี่ไม่ใช่วิธีที่ดีที่สุดหรือมีประสิทธิภาพมากที่สุดในการทำเช่นนี้ อะไรคือวิธีที่ดีที่สุดในการสร้างองค์ประกอบใน jQuery จากมุมมองประสิทธิภาพ คำตอบนี้มีเกณฑ์มาตรฐานสำหรับคำแนะนำด้านล่าง
425 javascript  jquery  html  dom 

16
การเลือกข้อความในองค์ประกอบ (คล้ายกับการเน้นด้วยเมาส์ของคุณ)
ฉันต้องการให้ผู้ใช้คลิกที่ลิงค์จากนั้นจะเลือกข้อความ HTML ในองค์ประกอบอื่น ( ไม่ใช่อินพุต) โดย "เลือก" ฉันหมายถึงวิธีเดียวกับที่คุณจะเลือกข้อความโดยการลากเมาส์ของคุณไป นี่เป็นเรื่องที่น่าสนใจสำหรับการวิจัยเพราะทุกคนพูดถึง "เลือก" หรือ "ไฮไลต์" ในแง่อื่น ๆ เป็นไปได้ไหม รหัสของฉัน: HTML: <a href="javascript:" onclick="SelectText('xhtml-code')">Select Code</a> <code id="xhtml-code">Some Code here </code> JS: function SelectText(element) { $("#" + element).select(); } ฉันขาดอะไรบางอย่างที่ชัดเจนโจ๋งครึ่ม?
424 javascript  jquery 

19
Rails 4: วิธีใช้ $ (เอกสาร) .ready () พร้อมลิงค์เทอร์โบ
ฉันพบปัญหาในแอป Rails 4 ของฉันในขณะที่พยายามจัดระเบียบไฟล์ JS "ทางรถไฟ" ก่อนหน้านี้พวกเขากระจัดกระจายในมุมมองที่แตกต่างกัน ฉันจัดระเบียบพวกเขาเป็นไฟล์แยกต่างหากและรวบรวมพวกเขาด้วยท่อสินทรัพย์ อย่างไรก็ตามฉันเพิ่งรู้ว่าเหตุการณ์ "พร้อม" ของ jQuery ไม่ได้เกิดจากการคลิกครั้งต่อไปเมื่อเปิดการเชื่อมโยงแบบเทอร์โบ ครั้งแรกที่คุณโหลดหน้าเว็บ แต่เมื่อคุณคลิกลิงก์สิ่งใดก็ตามที่อยู่ภายในready( function($) {จะไม่ถูกดำเนินการ (เนื่องจากหน้าเว็บไม่ได้โหลดอีกครั้ง) คำอธิบายที่ดี: ที่นี่ ดังนั้นคำถามของฉันคืออะไรวิธีที่เหมาะสมเพื่อให้แน่ใจว่าเหตุการณ์ jQuery ทำงานอย่างถูกต้องในขณะที่ลิงค์เทอร์โบเปิดอยู่ คุณใส่สคริปต์ในตัวฟังเฉพาะของ Rails หรือไม่? หรือราวอาจมีเวทมนตร์ที่ทำให้มันไม่จำเป็น? เอกสารนั้นค่อนข้างคลุมเครือเกี่ยวกับวิธีการใช้งานโดยเฉพาะอย่างยิ่งการโหลดไฟล์หลายไฟล์ผ่านไฟล์ Manifest เช่น application.js

23
ดาวน์โหลดไฟล์โดย jQuery.Ajax
ฉันมีการกระทำ Struts2 ในฝั่งเซิร์ฟเวอร์สำหรับการดาวน์โหลดไฟล์ <action name="download" class="com.xxx.DownAction"> <result name="success" type="stream"> <param name="contentType">text/plain</param> <param name="inputName">imageStream</param> <param name="contentDisposition">attachment;filename={fileName}</param> <param name="bufferSize">1024</param> </result> </action> อย่างไรก็ตามเมื่อฉันเรียกการกระทำโดยใช้ jQuery: $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); ใน Firebug ผมเห็นข้อมูลจะถูกดึงมากับกระแสไบนารี ฉันสงสัยว่าจะเปิดหน้าต่างดาวน์โหลดไฟล์ซึ่งผู้ใช้สามารถบันทึกไฟล์ไว้ในเครื่องได้อย่างไร

20
วิธีการลบค่าเฉพาะออกจากอาร์เรย์โดยใช้ jQuery
ฉันมีอาร์เรย์ที่มีลักษณะเช่นนี้: var y = [1, 2, 3]; ผมอยากจะเอาจากแถว2y ฉันจะลบค่าเฉพาะออกจากอาร์เรย์โดยใช้ jQuery ได้อย่างไร ฉันได้ลองแล้วpop()แต่นั่นจะลบองค์ประกอบสุดท้ายเสมอ
419 jquery  arrays 

10
ใช้การรับรองความถูกต้องเบื้องต้นกับ jQuery และ Ajax
ฉันกำลังพยายามสร้างการรับรองความถูกต้องเบื้องต้นผ่านเบราว์เซอร์ แต่ฉันไปไม่ได้จริงๆ หากสคริปต์นี้ไม่ได้อยู่ที่นี่การตรวจสอบความถูกต้องของเบราว์เซอร์จะเข้ามาแทนที่ แต่ฉันต้องการบอกเบราว์เซอร์ว่าผู้ใช้กำลังทำการตรวจสอบสิทธิ์ ที่อยู่ควรมีลักษณะดังนี้: http://username:password@server.in.local/ ฉันมีแบบฟอร์ม: <form name="cookieform" id="login" method="post"> <input type="text" name="username" id="username" class="text"/> <input type="password" name="password" id="password" class="text"/> <input type="submit" name="sub" value="Submit" class="page"/> </form> และสคริปต์: var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash …

16
การผูกปุ่มลูกศรใน JS / jQuery
ฉันจะผูกฟังก์ชั่นเข้ากับปุ่มลูกศรซ้ายและขวาใน Javascript และ / หรือ jQuery ได้อย่างไร ฉันดูปลั๊กอิน js-hotkey สำหรับ jQuery (ล้อมฟังก์ชันการผูกในตัวเพื่อเพิ่มอาร์กิวเมนต์เพื่อจดจำคีย์เฉพาะ) แต่ดูเหมือนจะไม่สนับสนุนปุ่มลูกศร

18
การแปลงวัตถุ JS เป็นอาร์เรย์โดยใช้ jQuery
แอปพลิเคชันของฉันสร้างวัตถุ JavaScript เช่นนี้ myObj= {1:[Array-Data], 2:[Array-Data]} แต่ฉันต้องการวัตถุนี้เป็นอาร์เรย์ array[1]:[Array-Data] array[2]:[Array-Data] ดังนั้นฉันจึงพยายามแปลงวัตถุนี้เป็นอาร์เรย์โดยวนซ้ำ$.eachผ่านวัตถุและเพิ่มองค์ประกอบไปยังอาร์เรย์: x=[] $.each(myObj, function(i,n) { x.push(n);}); มีวิธีที่ดีกว่าในการแปลงวัตถุเป็นอาร์เรย์หรืออาจเป็นฟังก์ชั่น?

14
วิธีการตรวจสอบเนื้อหาของกล่องข้อความมีการเปลี่ยนแปลง
ฉันต้องการตรวจสอบเมื่อใดก็ตามที่เนื้อหาของกล่องข้อความเปลี่ยนไป ฉันสามารถใช้วิธีการคีย์อัพ แต่จะตรวจจับการกดแป้นที่ไม่ได้สร้างตัวอักษรเช่นเดียวกับปุ่มลูกศร ฉันคิดถึงวิธีการสองวิธีในการทำเช่นนี้โดยใช้เหตุการณ์คีย์อัป: ตรวจสอบอย่างชัดเจนว่ารหัส ascii ของปุ่มกดเป็นตัวอักษร \ backspace \ delete ใช้การปิดเพื่อจดจำสิ่งที่เป็นข้อความในกล่องข้อความก่อนการกดแป้นและตรวจสอบว่ามีการเปลี่ยนแปลงหรือไม่ ทั้งคู่ดูค่อนข้างยุ่งยาก

30
วิธีที่ดีที่สุดในการตรวจจับอุปกรณ์ 'หน้าจอสัมผัส' โดยใช้ JavaScript คืออะไร
ฉันได้เขียนปลั๊กอิน jQuery ที่ใช้สำหรับทั้งบนเดสก์ท็อปและอุปกรณ์มือถือ ฉันสงสัยว่ามีวิธีการที่ JavaScript ตรวจสอบว่าอุปกรณ์มีความสามารถของหน้าจอสัมผัสหรือไม่ ฉันใช้ jquery-mobile.js เพื่อตรวจจับเหตุการณ์หน้าจอสัมผัสและใช้งานได้กับ iOS, Android เป็นต้น แต่ฉันต้องการเขียนคำสั่งแบบมีเงื่อนไขตามว่าอุปกรณ์ของผู้ใช้มีหน้าจอสัมผัสหรือไม่ เป็นไปได้ไหม
416 javascript  jquery  touch 

22
เลื่อนโดยอัตโนมัติไปที่ด้านล่างของหน้า
พิจารณาว่าฉันมีรายการคำถาม เมื่อฉันคลิกที่คำถามแรกมันจะพาฉันไปที่ด้านล่างของหน้าโดยอัตโนมัติ ด้วยความจริงแล้วฉันรู้ว่าสิ่งนี้สามารถทำได้โดยใช้ jQuery ดังนั้นคุณสามารถให้เอกสารกับฉันหรือบางลิงก์ที่ฉันสามารถหาคำตอบสำหรับคำถามนี้ได้หรือไม่? แก้ไข: ต้องเลื่อนไปที่องค์ประกอบ HTML เฉพาะที่ด้านล่างของหน้า
415 javascript  jquery 

6
jQuery หากเลือกช่องทำเครื่องหมาย
ฉันมีฟังก์ชั่นด้านล่างที่ฉันต้องการทริกเกอร์เฉพาะเมื่อมีการทำเครื่องหมายในกล่องกาใน tr เดียวกันเท่านั้น โปรดบอกฉันว่าฉันทำอะไรผิดวิธีปกติไม่ทำงาน ขอบคุณ JS $(".add_menu_item_table").live('click', function() { var value_td = $(this).parents('tr').find('td.td_name').text(); if ($('input.checkbox_check').attr(':checked')); { var newDiv = $('<div class="div_menu_button"></div>'); var showDiv = $('<div id="show' + "0" + numShow++ + '" class="menu_button_info hidden"></div>'); var toggleTrigger = $('<a id="toggleshow' + "0" + numToggle++ + '" data-target="#show' + "0" + numTarget++ …

26
รับฟิลด์อินพุตแบบฟอร์มโดยใช้ jQuery หรือไม่
ฉันมีรูปแบบที่มีช่องป้อนข้อมูลมากมาย เมื่อฉันจับเหตุการณ์ส่งแบบฟอร์มด้วย jQuery เป็นไปได้หรือไม่ที่จะรับฟิลด์อินพุตทั้งหมดของฟอร์มนั้นในอาเรย์แบบเชื่อมโยง
412 javascript  jquery 

24
วิธีการแสดงโหลดปินเนอร์ใน jQuery?
ในต้นแบบฉันสามารถแสดงภาพ "กำลังโหลด ... " ด้วยรหัสนี้: var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} ); function showLoad () { ... } ในjQueryฉันสามารถโหลดหน้าเซิร์ฟเวอร์ลงในองค์ประกอบด้วยสิ่งนี้ $('#message').load('index.php?pg=ajaxFlashcard'); แต่ฉันจะแนบสปินเนอร์การโหลดไปยังคำสั่งนี้เหมือนกับที่ฉันทำใน Prototype ได้อย่างไร

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.