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

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

25
เปลี่ยนเนื้อหาเคล็ดลับเครื่องมือ Bootstrap เมื่อคลิก
ฉันมีคำแนะนำเครื่องมือในองค์ประกอบสมอที่ส่งคำขอ AJAX เมื่อคลิก องค์ประกอบนี้มีเคล็ดลับเครื่องมือ (จาก Twitter Bootstrap) ฉันต้องการให้เนื้อหาคำแนะนำเครื่องมือเปลี่ยนเมื่อคำขอ AJAX ส่งคืนสำเร็จ ฉันจะจัดการเคล็ดลับเครื่องมือหลังจากเริ่มต้นได้อย่างไร


15
ตรวจสอบว่าภาพถูกโหลด (ไม่มีข้อผิดพลาด) ด้วย jQuery
ฉันใช้จาวาสคริปต์กับไลบรารี่ jQuery เพื่อจัดการภาพขนาดย่อของรูปภาพที่อยู่ในรายการที่ไม่ได้เรียงลำดับ เมื่อโหลดภาพมันจะทำสิ่งหนึ่งเมื่อเกิดข้อผิดพลาดมันจะทำอย่างอื่น ฉันใช้ jQuery load()และerror()วิธีการเป็นกิจกรรม หลังจากเหตุการณ์เหล่านี้ฉันตรวจสอบองค์ประกอบภาพ DOM สำหรับ. complete เพื่อให้แน่ใจว่าภาพไม่ได้โหลดไว้แล้วก่อนที่ jQuery จะสามารถลงทะเบียนเหตุการณ์ได้ มันทำงานได้อย่างถูกต้องยกเว้นเมื่อเกิดข้อผิดพลาดก่อน jQuery สามารถลงทะเบียนเหตุการณ์ ทางออกเดียวที่ฉันคิดได้คือใช้onerrorแอตทริบิวต์img เพื่อเก็บ "ค่าสถานะ" ไว้ที่ใดที่หนึ่งทั่วโลก (หรือบนโหนดเป็นของตนเอง) ที่ระบุว่าล้มเหลวดังนั้น jQuery สามารถตรวจสอบว่า "ร้านค้า / โหนด" เมื่อตรวจสอบ .complete ใครมีทางออกที่ดีกว่า แก้ไข: จุดแข็งหลักและเพิ่มรายละเอียดพิเศษด้านล่าง: ฉันกำลังตรวจสอบว่าภาพเสร็จสมบูรณ์ (โหลดแล้วหรือยัง) หลังจากฉันเพิ่มเหตุการณ์การโหลดและข้อผิดพลาดบนภาพ ด้วยวิธีนี้ถ้าภาพถูกโหลดก่อนที่เหตุการณ์จะลงทะเบียนฉันจะยังคงรู้ หากภาพไม่ได้โหลดหลังจากเหตุการณ์เหตุการณ์จะดูแลเมื่อทำ ปัญหาเกี่ยวกับสิ่งนี้คือฉันสามารถตรวจสอบได้อย่างง่ายดายว่าภาพถูกโหลดไปแล้ว แต่ฉันไม่สามารถบอกได้ว่ามีข้อผิดพลาดเกิดขึ้นแทนหรือไม่

12
jQuery - รับแอตทริบิวต์ที่กำหนดเองจากตัวเลือกที่เลือก
รับดังต่อไปนี้: <select id="location"> <option value="a" myTag="123">My option</option> <option value="b" myTag="456">My other option</option> </select> <input type="hidden" id="setMyTag" /> <script> $(function() { $("#location").change(function(){ var element = $(this); var myTag = element.attr("myTag"); $('#setMyTag').val(myTag); }); }); </script> ไม่ทำงาน ... ฉันต้องทำอย่างไรเพื่อให้ได้ค่าของฟิลด์ที่ซ่อนอยู่ที่อัปเดตเป็นค่าของ myTag เมื่อเปลี่ยนการเลือก ฉันคิดว่าฉันต้องทำอะไรบางอย่างเกี่ยวกับการรับค่าที่เลือกในปัจจุบัน ... ?
224 jquery 

13
ให้ div ส่วนเกินเลื่อนไปด้านล่างยกเว้นว่าผู้ใช้เลื่อนขึ้น
ฉันมี div ที่มีขนาดใหญ่เพียง 300 พิกเซลและฉันต้องการให้มันเมื่อหน้าโหลดเลื่อนไปที่ด้านล่างของเนื้อหา div นี้มีการเพิ่มเนื้อหาแบบไดนามิกและต้องเลื่อนลงเรื่อย ๆ ตอนนี้หากผู้ใช้ตัดสินใจเลื่อนขึ้นฉันไม่ต้องการให้กระโดดกลับไปด้านล่างจนกว่าผู้ใช้จะเลื่อนลงมาอีกครั้ง เป็นไปได้หรือไม่ที่จะมี div ที่จะยังคงเลื่อนไปที่ด้านล่างเว้นแต่ผู้ใช้เลื่อนขึ้นและเมื่อผู้ใช้เลื่อนกลับไปที่ด้านล่างจะต้องให้ตัวเองอยู่ที่ด้านล่างแม้ว่าจะมีการเพิ่มเนื้อหาแบบไดนามิกใหม่ ฉันจะสร้างการแข่งขันนี้ได้อย่างไร
224 javascript  jquery  html  css  scroll 

3
จุดประสงค์ของส่วนหัว X-Requested-With คืออะไร
JQuery และกรอบงานอื่น ๆ เพิ่มหัวข้อต่อไปนี้: X- ร้องขอด้วย: XMLHttpRequest ทำไมถึงจำเป็น เหตุใดเซิร์ฟเวอร์จึงต้องการจัดการคำขอ AJAX แตกต่างจากคำขอปกติ UPDATE : ฉันเพิ่งพบเป็นตัวอย่างในชีวิตจริงโดยใช้ส่วนหัวนี้: https://core.spreedly.com/manual/payment-methods/adding-with-js หากมีการร้องขอตัวประมวลผลการชำระเงินโดยไม่มี AJAX ตัวประมวลผลการชำระเงินจะเปลี่ยนเส้นทางกลับไปยังเว็บไซต์ดั้งเดิมเมื่อดำเนินการเสร็จ เมื่อมีการร้องขอด้วย AJAX จะไม่มีการเปลี่ยนเส้นทาง

8
แสดงมุมมองบางส่วนโดยใช้ jQuery ใน ASP.NET MVC
ฉันจะแสดงมุมมองบางส่วนโดยใช้ jquery ได้อย่างไร เราสามารถแสดงมุมมองบางส่วนเช่นนี้: <% Html.RenderPartial("UserDetails"); %> เราจะทำเช่นเดียวกันโดยใช้ jquery ได้อย่างไร

7
event.returnValue เลิกใช้แล้ว โปรดใช้ event มาตรฐาน preventDefault () แทน
ฉันมีสคริปต์นี้: <script> $(document).ready(function () { $("#changeResumeStatus").click(function () { $.get("{% url 'main:changeResumeStatus' %}", function (data) { if (data['message'] == 'hidden') { $("#resumeStatus").text("скрыто"); } else { $("#resumeStatus").text("опубликовано"); } }, "json"); }); }); </script> ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล Google Chrome ของฉัน: event.returnValue เลิกใช้แล้ว โปรดใช้ event มาตรฐาน preventDefault () แทน ฉันกำลังใช้ jQuery v1.10.2 และเป็น#changeResumeStatus<span> เกิดอะไรขึ้นกับสคริปต์ของฉัน
222 javascript  jquery  ajax 

4
การเลือกหลายคลาสด้วย jQuery
ฉันดูดีและไม่สามารถหาวิธีเลือกองค์ประกอบทั้งหมดที่ตรงกับคลาสที่ต้องการในคำสั่งตัวเลือก jQuery เดียวเช่นนี้ $('.myClass', '.myOtherClass').removeClass('theclass'); ความคิดใด ๆ เกี่ยวกับวิธีการบรรลุสิ่งนี้? ตัวเลือกอื่น ๆ เท่านั้นที่จะทำ $('.myClass').removeClass('theclass'); $('.myOtherClass').removeClass('theclass'); แต่ฉันทำอย่างนี้กับคลาสไม่กี่ครั้งดังนั้นจึงต้องใช้รหัสมาก

8
jQuery ลบตัวเลือกจากตัวเลือก
ฉันมีเพจที่มี 5 ตัวเลือกซึ่งทั้งหมดมีชื่อคลาส 'ct' ฉันต้องการลบตัวเลือกที่มีค่า 'X' จากการเลือกแต่ละรายการขณะใช้งานเหตุการณ์ onclick รหัสของฉันคือ: $(".ct").each(function() { $(this).find('X').remove(); }); ฉันจะไปไหนผิด

8
ฉันจะตรวจสอบว่ามีการโหลดปลั๊กอิน jQuery ได้อย่างไร
มีวิธีใดบ้างในการตรวจสอบว่ามีปลั๊กอินเฉพาะหรือไม่ ลองนึกภาพว่าคุณกำลังพัฒนาปลั๊กอินที่ขึ้นอยู่กับปลั๊กอินอื่นที่กำลังโหลด ตัวอย่างเช่นฉันต้องการปลั๊กอินการตรวจสอบ jQuery เพื่อใช้ไลบรารี dateJS เพื่อตรวจสอบว่าวันที่ที่ระบุนั้นถูกต้องหรือไม่ อะไรจะเป็นวิธีที่ดีที่สุดในการตรวจสอบในปลั๊กอิน jQuery Valdation หาก dateJS พร้อมใช้งาน

10
ทำบางอย่างถ้าความกว้างของหน้าจอน้อยกว่า 960 พิกเซล
ฉันจะทำให้ jQuery ทำอะไรได้ถ้าความกว้างหน้าจอของฉันน้อยกว่า 960 พิกเซล รหัสด้านล่างจะเริ่มการแจ้งเตือนครั้งที่สองเสมอโดยไม่คำนึงถึงขนาดหน้าต่างของฉัน: if (screen.width < 960) { alert('Less than 960'); } else { alert('More than 960'); }
221 javascript  jquery 

24
navigator.geolocation.getCurrentPosition บางครั้งใช้งานไม่ได้
ดังนั้นฉันมี JS ที่ค่อนข้างง่ายโดยใช้ navigator.geolocation.getCurrentPosition jammy $(document).ready(function(){ $("#business-locate, #people-locate").click(function() { navigator.geolocation.getCurrentPosition(foundLocation, noLocation); }); navigator.geolocation.getCurrentPosition(foundLocation, noLocation); function foundLocation(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; var userLocation = lat + ', ' + lon; $("#business-current-location, #people-current-location").remove(); $("#Near-Me") .watermark("Current Location") .after("<input type='hidden' name='business-current-location' id='business-current-location' value='"+userLocation+"' />"); $("#people-Near-Me") .watermark("Current Location") .after("<input type='hidden' …

11
ฉันจะเชื่อมโยงกับเหตุการณ์การเปลี่ยนแปลงของ textarea ใน jQuery ได้อย่างไร
ฉันต้องการที่จะจับภาพหากมีการเปลี่ยนแปลงใด ๆ <textarea>ที่เกิดขึ้นกับ เช่นเดียวกับการพิมพ์อักขระใด ๆ (การลบ Backspace) หรือการคลิกเมาส์แล้ววางหรือตัด มีเหตุการณ์ jQuery ที่สามารถทริกเกอร์เหตุการณ์เหล่านั้นทั้งหมดได้หรือไม่ ฉันลองเปลี่ยนเหตุการณ์ แต่มันเป็นต้นเหตุของการติดต่อกลับหลังจากแท็บออกจากองค์ประกอบ ใช้ : ฉันต้องการเปิดใช้งานปุ่มถ้า<textarea>มีข้อความใด ๆ

9
วิธีใช้ FormData สำหรับการอัปโหลดไฟล์ AJAX
นี่คือ HTML ของฉันที่ฉันสร้างขึ้นแบบไดนามิกโดยใช้ฟังก์ชันการลากและวาง <form method="POST" id="contact" name="13" class="form-horizontal wpc_contact" novalidate="novalidate" enctype="multipart/form-data"> <fieldset> <div id="legend" class=""> <legend class="">file demoe 1</legend> <div id="alert-message" class="alert hidden"></div> </div> <div class="control-group"> <!-- Text input--> <label class="control-label" for="input01">Text input</label> <div class="controls"> <input type="text" placeholder="placeholder" class="input-xlarge" name="name"> <p class="help-block" style="display:none;">text_input</p> </div> <div class="control-group"> </div> <label class="control-label">File Button</label> …
220 php  jquery  ajax 

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