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

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

30
วิธีการตรวจสอบว่าองค์ประกอบสามารถมองเห็นได้หลังจากเลื่อน?
ฉันกำลังโหลดองค์ประกอบผ่าน AJAX บางส่วนจะปรากฏเฉพาะเมื่อคุณเลื่อนหน้าลง มีวิธีใดที่ฉันจะรู้ได้ว่าตอนนี้องค์ประกอบอยู่ในส่วนที่มองเห็นได้ของหน้าเว็บหรือไม่?
1170 javascript  jquery  scroll 

29
jQuery รับตัวเลือกที่เลือกจากดรอปดาวน์
ฉันมักจะใช้$("#id").val()เพื่อส่งกลับค่าของตัวเลือกที่เลือก แต่คราวนี้มันไม่ทำงาน แท็กที่เลือกมี IDaioConceptName รหัส html <label>Name</label> <input type="text" name="name" /> <select id="aioConceptName"> <option>choose io</option> <option>roma</option> <option>totti</option> </select>
1127 javascript  jquery  html 

23
คุณจะลบตัวเลือกทั้งหมดของกล่องที่เลือกแล้วเพิ่มหนึ่งตัวเลือกและเลือกด้วย jQuery ได้อย่างไร
ใช้ core jQuery คุณจะลบตัวเลือกทั้งหมดของกล่องที่เลือกได้อย่างไรจากนั้นเพิ่มหนึ่งตัวเลือกและเลือกได้อย่างไร กล่องที่ฉันเลือกมีดังต่อไปนี้ <Select id="mySelect" size="9"> </Select> แก้ไข: รหัสต่อไปนี้เป็นประโยชน์กับการผูกมัด อย่างไรก็ตาม (ใน Internet Explorer) .val('whatever')ไม่ได้เลือกตัวเลือกที่ถูกเพิ่ม (ฉันใช้ 'ค่า' เดียวกันทั้งใน.appendและ.val) $('#mySelect').find('option').remove().end() .append('<option value="whatever">text</option>').val('whatever'); แก้ไข: พยายามให้มันเลียนแบบรหัสนี้ฉันใช้รหัสต่อไปนี้ทุกครั้งที่มีการรีเซ็ตหน้า / แบบฟอร์ม กล่องที่เลือกนี้บรรจุด้วยปุ่มตัวเลือก .focus()ได้ใกล้ชิด .selected= "true"แต่ตัวเลือกที่ไม่ปรากฏที่เลือกเหมือนมันจะมี ไม่มีอะไรผิดปกติกับรหัสที่มีอยู่ของฉัน - ฉันแค่พยายามเรียนรู้ jQuery var mySelect = document.getElementById('mySelect'); mySelect.options.length = 0; mySelect.options[0] = new Option ("Foo (only choice)", "Foo"); mySelect.options[0].selected="true"; …

25
Safari บน iOS 6 กำลังแคชผลลัพธ์ $ .ajax หรือไม่
ตั้งแต่การอัปเกรดเป็น iOS 6 เราเห็นว่ามุมมองทางเว็บของ Safari มีอิสระในการ$.ajaxโทรแคช นี่คือบริบทของแอปพลิเคชัน PhoneGap ดังนั้นจึงใช้ Safari WebView การ$.ajaxโทรของเราเป็นPOSTวิธีการและเราได้ตั้งค่าแคชเป็นเท็จ{cache:false}แต่ยังคงเกิดขึ้นอยู่ เราพยายามเพิ่ม a TimeStampไปยังส่วนหัวด้วยตนเองแต่มันก็ไม่ได้ช่วย เราได้ทำการวิจัยเพิ่มเติมและพบว่า Safari กำลังส่งคืนผลลัพธ์แคชสำหรับบริการบนเว็บที่มีลายเซ็นฟังก์ชั่นที่เป็นแบบคงที่เท่านั้นและไม่เปลี่ยนแปลงจากการโทรถึงการโทร ตัวอย่างเช่นลองนึกภาพฟังก์ชั่นที่เรียกว่า: getNewRecordID(intRecordType) ฟังก์ชั่นนี้ได้รับพารามิเตอร์อินพุตเดียวกันซ้ำแล้วซ้ำอีก แต่ข้อมูลที่ส่งคืนควรแตกต่างกันทุกครั้ง ต้องอยู่ในความรีบร้อนของ Apple เพื่อให้ iOS 6 zip พร้อมอย่างน่าประทับใจพวกเขามีความสุขกับการตั้งค่าแคช มีคนอื่นเห็นพฤติกรรมนี้ใน iOS 6 หรือไม่? ถ้าเป็นเช่นนั้นสิ่งที่ทำให้มันคืออะไร? วิธีแก้ปัญหาที่เราพบคือการแก้ไขลายเซ็นของฟังก์ชันให้เป็นดังนี้: getNewRecordID(intRecordType, strTimestamp) จากนั้นส่งผ่านTimeStampพารามิเตอร์เสมอและทิ้งค่านั้นในฝั่งเซิร์ฟเวอร์ วิธีนี้สามารถแก้ไขปัญหาได้ ฉันหวังว่านี่จะช่วยวิญญาณที่น่าสงสารคนอื่นที่ใช้เวลา 15 ชั่วโมงในเรื่องนี้เหมือนฉัน!


20
วิธีที่ดีที่สุดในการลบตัวจัดการเหตุการณ์ใน jQuery?
input type="image"ฉันมี สิ่งนี้ทำหน้าที่เหมือนกับบันทึกย่อของเซลล์ใน Microsoft Excel ถ้ามีคนเข้ามาตัวเลขลงในกล่องข้อความที่ว่านี้อยู่คู่กับการติดตั้งผมดำเนินกิจกรรมสำหรับinput-image input-imageจากนั้นเมื่อผู้ใช้คลิกที่imageพวกเขาจะได้รับป๊อปอัพเล็กน้อยเพื่อเพิ่มบันทึกลงในข้อมูล ปัญหาของฉันคือเมื่อผู้ใช้ป้อนค่าศูนย์ลงในกล่องข้อความฉันต้องปิดการใช้งานinput-imageตัวจัดการเหตุการณ์ ฉันได้ลองสิ่งต่อไปนี้แล้ว แต่ก็ไม่มีประโยชน์ $('#myimage').click(function { return false; });
1053 jquery  html-input 

11
การเลือกองค์ประกอบโดย data data
มีวิธีที่ง่ายและตรงไปตรงมาในการเลือกองค์ประกอบตามdataคุณลักษณะของพวกเขา? ตัวอย่างเช่นเลือกแองเคอทั้งหมดที่มีแอตทริบิวต์ข้อมูลชื่อที่มีค่าของ customerID22 ฉันลังเลที่จะใช้relหรือคุณลักษณะอื่น ๆ เพื่อจัดเก็บข้อมูลดังกล่าว แต่ฉันพบว่ามันยากมากที่จะเลือกองค์ประกอบตามข้อมูลที่เก็บไว้ในนั้น


23
วิธีที่ดีที่สุดในการใช้ jQuery ที่โฮสต์อยู่ของ Google แต่กลับไปที่ห้องสมุดโฮสต์บน Google ล้มเหลว
อะไรจะเป็นวิธีที่ดีในการพยายามโหลดjQuery ที่โฮสต์ที่ Google (หรือ libs ที่โฮสต์โดย Google อื่น ๆ ) แต่ให้โหลด jQuery ของฉันหากความพยายามของ Google ล้มเหลว ฉันไม่ได้บอกว่า Google เป็นขุย มีหลายกรณีที่สำเนาของ Google ถูกบล็อก (ตัวอย่างเช่นในอิหร่าน) ฉันจะตั้งเวลาและตรวจสอบวัตถุ jQuery ได้ไหม สิ่งที่เป็นอันตรายของสำเนาทั้งสองผ่านมา? ไม่ได้มองหาคำตอบเช่น "เพียงแค่ใช้ Google" หรือ "แค่ใช้ของคุณเอง" ฉันเข้าใจข้อโต้แย้งเหล่านั้น ฉันเข้าใจด้วยว่าผู้ใช้มีแนวโน้มที่จะแคชเวอร์ชัน Google ฉันกำลังคิดเกี่ยวกับทางเลือกสำหรับคลาวด์โดยทั่วไป แก้ไข: ส่วนนี้เพิ่ม ... เนื่องจาก Google แนะนำให้ใช้ google.load เพื่อโหลด ajax libraries และทำการโทรกลับเมื่อเสร็จแล้วฉันสงสัยว่านี่เป็นกุญแจสำคัญในการทำให้เป็นอันดับปัญหานี้หรือไม่ ฉันรู้ว่ามันฟังดูบ้าไปแล้ว ฉันแค่พยายามคิดว่ามันสามารถทำได้ในลักษณะที่เชื่อถือได้หรือไม่ ปรับปรุง: jQuery …

11
รับค่าในกล่องข้อความอินพุต
วิธีการรับและแสดงค่าอินพุตโดยใช้ jQuery มีวิธีใดบ้าง นี่คือหนึ่ง: $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

9
jQuery จะหาองค์ประกอบตามค่า data-attribute ได้อย่างไร?
ฉันมีสถานการณ์ต่อไปนี้: var el = 'li'; และมี 5 <li>'s บนหน้าแต่ละคนมีdata-slide=numberแอตทริบิวต์(หมายเลขเป็น 1,2,3,4,5 ตามลำดับ) ตอนนี้ฉันต้องการค้นหาหมายเลขสไลด์ที่ใช้งานอยู่ในปัจจุบันซึ่งแมปไปvar current = $('ul').data(current);แล้วและได้รับการอัปเดตในการเปลี่ยนสไลด์แต่ละครั้ง จนถึงตอนนี้ความพยายามของฉันยังไม่สำเร็จพยายามสร้างตัวเลือกที่จะตรงกับสไลด์ปัจจุบัน: $('ul').find(el+[data-slide=+current+]); ไม่ตรงกับ / คืนอะไร ... เหตุผลที่ฉันไม่สามารถ hardcode เป็นส่วนหนึ่งที่ว่านี้เป็นผู้ใช้สามารถเข้าถึงตัวแปรที่สามารถเปลี่ยนไปเป็นองค์ประกอบที่แตกต่างกันถ้าจำเป็นดังนั้นจึงอาจไม่เคยเป็นlili ความคิดใด ๆ เกี่ยวกับสิ่งที่ฉันหายไป?

11
jQuery หลายเหตุการณ์เพื่อเรียกใช้ฟังก์ชันเดียวกัน
มีวิธีที่จะมีkeyup, keypress, blurและchangeเหตุการณ์เรียกใช้ฟังก์ชันเดียวกันในหนึ่งบรรทัดหรือฉันจะต้องทำพวกเขาแยกกัน? ปัญหาที่ฉันมีคือฉันต้องตรวจสอบความถูกต้องของข้อมูลด้วยการค้นหา db และต้องการให้แน่ใจว่าการตรวจสอบความถูกต้องไม่พลาดในทุกกรณีไม่ว่าจะพิมพ์หรือวางลงในกล่อง

21
รับ ID ขององค์ประกอบที่ยิงเหตุการณ์
มีวิธีการรับ ID ขององค์ประกอบที่ไฟเหตุการณ์? ฉันกำลังคิดเช่น: $(document).ready(function() { $("a").click(function() { var test = caller.id; alert(test.val()); }); }); <script type="text/javascript" src="starterkit/jquery.js"></script> <form class="item" id="aaa"> <input class="title"></input> </form> <form class="item" id="bbb"> <input class="title"></input> </form> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ยกเว้นหลักสูตรที่ var testควรมี id "aaa"หากเหตุการณ์ถูกไล่ออกจากฟอร์มแรกและ"bbb"หากเหตุการณ์ถูกไล่ออกจากฟอร์มที่สอง
969 javascript  jquery 

30
ใช้ jQuery เพื่อซ่อน DIV เมื่อผู้ใช้คลิกด้านนอก
ฉันใช้รหัสนี้: $('body').click(function() { $('.form_wrapper').hide(); }); $('.form_wrapper').click(function(event){ event.stopPropagation(); }); และHTMLนี้: <div class="form_wrapper"> <a class="agree" href="javascript:;">I Agree</a> <a class="disagree" href="javascript:;">Disagree</a> </div> ปัญหาคือฉันมีลิงค์ภายในdivและเมื่อพวกเขาไม่ทำงานเมื่อคลิก
967 jquery  html  hide  styling 

27
ตั้งค่าตัวเลือกเลือก 'เลือก' ตามค่า
ฉันมีselectฟิลด์ที่มีตัวเลือกบางอย่างอยู่ในนั้น ตอนนี้ฉันต้องเลือกหนึ่งในนั้นoptionsด้วย jQuery แต่ฉันจะทำอย่างนั้นได้อย่างไรเมื่อฉันรู้เพียงว่าvalueสิ่งoptionนั้นต้องถูกเลือก? ฉันมี HTML ต่อไปนี้: <div class="id_100"> <select> <option value="val1">Val 1</option> <option value="val2">Val 2</option> <option value="val3">Val 3</option> </select> </div> val2ฉันจำเป็นต้องเลือกตัวเลือกที่มีค่า สิ่งนี้สามารถทำได้? นี่คือหน้าตัวอย่าง: http://jsfiddle.net/9Stxb/

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