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

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

4
เหตุการณ์ jQuery ทั้งหมดควรผูกติดกับ $ (เอกสาร) หรือไม่
สิ่งนี้มาจากไหน เมื่อฉันเรียนรู้ jQuery ครั้งแรกปกติฉันจะแนบกิจกรรมดังนี้ $('.my-widget a').click(function() { $(this).toggleClass('active'); }); หลังจากเรียนรู้เพิ่มเติมเกี่ยวกับความเร็วของตัวเลือกและการมอบหมายเหตุการณ์ฉันอ่านในหลาย ๆ ที่ที่ "การมอบหมายเหตุการณ์ jQuery จะทำให้โค้ดของคุณเร็วขึ้น" ดังนั้นฉันจึงเริ่มเขียนโค้ดแบบนี้: $('.my-widget').on('click','a',function() { $(this).toggleClass('active'); }); นี่เป็นวิธีที่แนะนำในการทำซ้ำพฤติกรรมของกิจกรรม. live () ที่เลิกใช้แล้ว ซึ่งเป็นสิ่งสำคัญสำหรับฉันเนื่องจากมีไซต์ของฉันเพิ่ม / ลบวิดเจ็ตอยู่ตลอดเวลา ข้างต้นไม่ได้ทำงานเหมือนกับ. live () เนื่องจากองค์ประกอบเท่านั้นที่ถูกเพิ่มลงในคอนเทนเนอร์ที่มีอยู่แล้ว '.my-widget' จะได้รับพฤติกรรม หากฉันเพิ่มบล็อก html แบบไดนามิกอีกครั้งหลังจากที่โค้ดนั้นรันองค์ประกอบเหล่านั้นจะไม่ทำให้เกิดเหตุการณ์ที่เกี่ยวข้อง แบบนี้: setTimeout(function() { $('body').append('<div class="my-widget"><a>Click does nothing</a></div>'); }, 1000); สิ่งที่ฉันต้องการบรรลุ: พฤติกรรมเก่าของ. live () // …

22
วิธีการแปลงชื่อเรื่องเป็นทาก URL ใน jQuery?
ฉันกำลังทำงานกับแอปใน CodeIgniter และฉันกำลังพยายามสร้างฟิลด์บนฟอร์มที่สร้าง URL แบบไดนามิก สิ่งที่ฉันต้องการจะทำคือลบเครื่องหมายวรรคตอนแปลงเป็นตัวพิมพ์เล็กและแทนที่ช่องว่างด้วยเครื่องหมายขีดคั่น ตัวอย่างเช่น Rib Shack ของ Shane จะกลายเป็น shane-rib-shack นี่คือสิ่งที่ฉันมี ส่วนตัวพิมพ์เล็กนั้นเป็นเรื่องง่าย แต่การเปลี่ยนไม่ได้ผลเลยและฉันก็ไม่ทราบว่าจะเอาเครื่องหมายวรรคตอนออก: $("#Restaurant_Name").keyup(function(){ var Text = $(this).val(); Text = Text.toLowerCase(); Text = Text.replace('/\s/g','-'); $("#Restaurant_Slug").val(Text); });
163 javascript  jquery  regex 

8
jQuery Call to WebService ส่งคืนข้อผิดพลาด“ No Transport”
ฉันมีบริการเว็บดังต่อไปนี้ [WebMethod] public string HelloWorld() { return "Hello World"; } มันเป็นมาตรฐานของสต็อกโดยไม่มีการดัดแปลงผู้ตกแต่งชั้นเรียน ฉันมีวิธี jQuery นี้; var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", data: "{}", dataType: "json", url: webMethod, success: function(msg){ alert(msg.d); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); มันเป็นการกระทำที่โพสต์เพราะในภายหลังฉันจะต้องโพสต์ข้อมูลไป เมื่อฉันเรียกใช้ jQuery ฉันได้รับข้อผิดพลาด "No transport" สิ่งหนึ่งที่ฉันควรพูดถึงก็คือ …

8
ส่วนหัวการตอบกลับ jQuery และ AJAX
ดังนั้นฉันจึงได้รับ jQuery AJAX นี้และการตอบสนองมาจากเซิร์ฟเวอร์ในรูปแบบ 302 redirect ฉันต้องการใช้การเปลี่ยนเส้นทางนี้และโหลดใน iframe แต่เมื่อฉันพยายามดูข้อมูลส่วนหัวด้วยการแจ้งเตือนจาวาสคริปต์มันจะเป็นโมฆะแม้ว่า firebug จะเห็นอย่างถูกต้อง นี่คือรหัสถ้ามันจะช่วย: $j.ajax({ type: 'POST', url:'url.do', data: formData, complete: function(resp){ alert(resp.getAllResponseHeaders()); } }); ฉันไม่สามารถเข้าถึงสิ่งที่ฝั่งเซิร์ฟเวอร์เพื่อย้าย URL ไปยังเนื้อหาการตอบสนองซึ่งฉันรู้ว่าจะเป็นทางออกที่ง่ายที่สุดดังนั้นความช่วยเหลือใด ๆ กับการแยกส่วนหัวจะยอดเยี่ยม

22
'dragleave' ขององค์ประกอบพาเรนต์ยิงเมื่อลากไปวางองค์ประกอบของเด็ก
ภาพรวม ฉันมีโครงสร้าง HTML ต่อไปนี้และฉันได้แนบdragenterและdragleaveกิจกรรมกับ<div id="dropzone">องค์ประกอบ <div id="dropzone"> <div id="dropzone-content"> <div id="drag-n-drop"> <div class="text">this is some text</div> <div class="text">this is a container with text and images</div> </div> </div> </div> ปัญหา เมื่อฉันลากไฟล์ไป<div id="dropzone">บนdragenterเหตุการณ์จะเริ่มทำงานตามที่คาดไว้ แต่เมื่อฉันเลื่อนเมาส์ของฉันมากกว่าองค์ประกอบลูกเช่น<div id="drag-n-drop">การdragenterจัดกิจกรรมที่เป็นเชื้อเพลิงสำหรับ<div id="drag-n-drop">องค์ประกอบแล้วdragleaveเหตุการณ์ถูกยิงสำหรับ<div id="dropzone">องค์ประกอบ หากฉันเลื่อนเมาส์ไปที่<div id="dropzone">องค์ประกอบอีกครั้งdragenterเหตุการณ์จะถูกยิงอีกครั้งซึ่งเยี่ยมยอด แต่จากนั้นdragleaveเหตุการณ์จะถูกไล่ออกสำหรับองค์ประกอบลูกเพิ่งออกไปดังนั้นremoveClassคำสั่งจะถูกดำเนินการซึ่งไม่เย็น พฤติกรรมนี้เป็นปัญหาด้วยเหตุผล 2 ประการ: ฉันก็แค่ติดdragenterและdragleaveไป<div id="dropzone">ดังนั้นผมจึงไม่เข้าใจว่าทำไมองค์ประกอบเด็กมีเหตุการณ์เหล่านี้ที่แนบมาด้วยเช่นกัน ฉันยังคงลาก<div id="dropzone">องค์ประกอบขณะโฉบเหนือลูกของมันดังนั้นฉันไม่ต้องการdragleaveยิง! jsFiddle นี่คือ jsFiddle เพื่อคนจรจัดด้วย: http://jsfiddle.net/yYF3S/2/ …

22
วิธีปิดใช้งานการเลื่อนหน้าด้วยโปรแกรมโดย jQuery
ใช้ jQuery ฉันต้องการปิดการเลื่อนร่างกาย: ความคิดของฉันคือ: ชุด body{ overflow: hidden;} จับภาพปัจจุบัน scrollTop();/scrollLeft() เชื่อมโยงกับเหตุการณ์การเลื่อนร่างกายตั้ง scrollTop / scrollLeft เป็นค่าที่บันทึกไว้ มีวิธีที่ดีกว่า? ปรับปรุง: โปรดดูตัวอย่างของฉันและเหตุผลที่http://jsbin.com/ikuma4/2/edit ฉันรู้ว่ามีใครบางคนกำลังคิดว่า "ทำไมเขาไม่ใช้เพียงแค่position: fixedบนแผงควบคุม" โปรดอย่าแนะนำสิ่งนี้เพราะฉันมีเหตุผลอื่น
163 jquery  css  scroll 

20
อินพุตไฟล์ทริกเกอร์ jQuery
กำลังพยายามเปิดกล่องอัพโหลด (ปุ่มเรียกดู) โดยใช้ jQuery วิธีที่ฉันลองตอนนี้คือ: $('#fileinput').trigger('click'); แต่ดูเหมือนจะไม่ทำงาน กรุณาช่วย. ขอบคุณ.
163 javascript  jquery  css 

9
ฉันจะอัปเดต window.location.hash โดยไม่ต้องกระโดดเอกสารได้อย่างไร
ฉันมีแผงเลื่อนบนเว็บไซต์ของฉัน เมื่อการเคลื่อนไหวเสร็จสิ้นฉันจะตั้งค่าแฮชเป็นอย่างนั้น function() { window.location.hash = id; } (นี่คือการติดต่อกลับและidได้รับมอบหมายก่อนหน้านี้) วิธีนี้ใช้งานได้ดีเพื่อให้ผู้ใช้สามารถคั่นหน้าพาเนลและสำหรับเวอร์ชันที่ไม่ใช่ JavaScript ให้ทำงานได้ อย่างไรก็ตามเมื่อฉันอัปเดตแฮชเบราว์เซอร์จะข้ามไปยังตำแหน่ง ฉันคิดว่านี่เป็นพฤติกรรมที่คาดหวัง คำถามของฉันคือ: ฉันจะป้องกันได้อย่างไร คือฉันจะเปลี่ยนแฮชของหน้าต่างได้อย่างไร แต่ไม่มีเบราว์เซอร์เลื่อนไปที่องค์ประกอบหากมีแฮชอยู่? บางสิ่งบางอย่างevent.preventDefault()? ฉันใช้ jQuery 1.4 และปลั๊กอิน scrollTo ขอบคุณมาก! ปรับปรุง นี่คือรหัสที่เปลี่ยนพาเนล $('#something a').click(function(event) { event.preventDefault(); var link = $(this); var id = link[0].hash; $('#slider').scrollTo(id, 800, { onAfter: function() { link.parents('li').siblings().removeClass('active'); link.parent().addClass('active'); window.location.hash = id; …

5
วิธีรับค่า href โดยใช้ jQuery
ฉันพยายามรับค่า href โดยใช้ jQuery: <html> <head> <title>Jquery Test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a").click(function(event) { alert("As you can see, the link no longer took you to jquery.com"); var href = $('a').attr('href'); alert(href); event.preventDefault(); }); }); </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html> แต่มันไม่ทำงาน ทำไม?
163 javascript  jquery 

12
ปิดการใช้งานองค์ประกอบแบบฟอร์มทั้งหมดภายใน div
มีวิธีการปิดการใช้งานทุกสาขา (textarea / textfield / ตัวเลือก / input / ช่องทำเครื่องหมาย / ส่ง ฯลฯ ) ในรูปแบบโดยบอกชื่อผู้ปกครอง div ใน jquery / javascript เท่านั้น?
162 jquery  forms  html  field 

13
jQuery hasClass () - ตรวจสอบมากกว่าหนึ่งคลาส
ด้วย: if(element.hasClass("class")) ฉันสามารถตรวจสอบชั้นหนึ่ง แต่มีวิธีที่ง่ายในการตรวจสอบว่า "องค์ประกอบ" มีหลายชั้นหรือไม่? ฉันใช้: if(element.hasClass("class") || element.hasClass("class") ... ) ซึ่งไม่ได้เลวร้ายเกินไป แต่ฉันคิดว่าบางสิ่งเช่น: if(element.hasClass("class", "class2") ซึ่งน่าเสียดายที่มันไม่ทำงาน มีอะไรแบบนั้นเหรอ?

16
วิธีข้ามเบราว์เซอร์ที่ดีที่สุดในการจับภาพ CTRL + S ด้วย JQuery
ผู้ใช้ของฉันต้องการกดCtrl+ Sเพื่อบันทึกแบบฟอร์ม มีวิธีข้ามเบราว์เซอร์ที่ดีในการจับภาพชุดCtrl+ Sและส่งแบบฟอร์มของฉันหรือไม่ แอปสร้างขึ้นบน Drupal ดังนั้นจึงสามารถใช้ jQuery ได้
162 javascript  jquery 

6
โฮเวอร์ jQuery สด
ฉันกำลังใช้รหัส jquery ต่อไปนี้เพื่อแสดงปุ่มลบบริบทเฉพาะสำหรับแถวของตารางที่เราวางเมาส์ไว้เท่านั้น ใช้งานได้ แต่ไม่ใช่สำหรับแถวที่เพิ่มด้วย js / ajax ในทันที ... มีวิธีที่จะทำให้การทำงานกับเหตุการณ์สดนี้หรือไม่? $("table tr").hover( function () {}, function () {} );
161 jquery  live  jquery-1.4 

17
รับคุณสมบัติทั้งหมดจากองค์ประกอบ HTML ด้วย Javascript / jQuery
ฉันต้องการที่จะใส่คุณลักษณะทั้งหมดในองค์ประกอบ Html ลงในอาร์เรย์: เช่นฉันมี jQuery Object ซึ่ง HTML มีลักษณะเช่นนี้: <span name="test" message="test2"></span> ตอนนี้วิธีหนึ่งคือการใช้ตัวแยกวิเคราะห์ xml ที่อธิบายไว้ที่นี่แต่แล้วฉันต้องรู้วิธีรับรหัส html ของวัตถุของฉัน วิธีอื่นคือการทำ jquery แต่อย่างไร จำนวนของคุณสมบัติและชื่อทั่วไป ขอบคุณ Btw: ฉันไม่สามารถเข้าถึงองค์ประกอบด้วย document.getelement โดยสิ่งที่คล้ายกัน

9
ฉันจะโน้มน้าวให้ IE เพียงแค่แสดงแอปพลิเคชัน / json แทนที่จะเสนอให้ดาวน์โหลดได้อย่างไร
ในขณะที่การดีบักแอป jQuery ที่ใช้ AJAX ฉันมักจะต้องเห็น json ที่บริการส่งกลับไปยังเบราว์เซอร์ ดังนั้นฉันจะวาง URL สำหรับข้อมูล JSON ลงในแถบที่อยู่ นี่เป็นสิ่งที่ดีกับ ASPNET เพราะในกรณีที่มีข้อผิดพลาดในการเขียนรหัสฉันสามารถเห็น ASPNET diagostic ในเบราว์เซอร์: แต่เมื่อโค้ดฝั่งเซิร์ฟเวอร์ทำงานอย่างถูกต้องและส่งคืน JSON จริง ๆ แล้ว IE จะแจ้งให้ฉันทำการดาวน์โหลดดังนั้นฉันจึงไม่เห็นการตอบสนอง ฉันจะให้ IE ทำแบบนั้นไม่ได้หรือไม่เพื่อแสดงให้เหมือนกับว่าเป็นข้อความธรรมดาหรือไม่ text/plainฉันรู้ว่าฉันสามารถทำเช่นนี้ถ้าผมตั้งหัวประเภทเนื้อหาที่จะ แต่นี่เป็นบริบทเฉพาะของแอป ASPNET MVC ซึ่งตั้งค่าการตอบกลับอัตโนมัติเมื่อฉันใช้ JsonResult กับหนึ่งในวิธีการกระทำของฉัน นอกจากนี้ฉันต้องการเก็บประเภทเนื้อหาที่เหมาะสมและไม่เปลี่ยนแปลงเพียงเพื่อสนับสนุนการแก้ไขข้อบกพร่อง

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