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

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

13
จะรับค่าที่เลือกทั้งหมดจาก <select multiple = multiple> ได้อย่างไร
ดูเหมือนแปลกฉันไม่พบสิ่งนี้ที่ถามไปแล้ว แต่นี่มันไปแล้ว! ฉันมี html ดังนี้: &lt;select id="select-meal-type" multiple="multiple"&gt; &lt;option value="1"&gt;Breakfast&lt;/option&gt; &lt;option value="2"&gt;Lunch&lt;/option&gt; &lt;option value="3"&gt;Dinner&lt;/option&gt; &lt;option value="4"&gt;Snacks&lt;/option&gt; &lt;option value="5"&gt;Dessert&lt;/option&gt; &lt;/select&gt; ฉันจะรับค่าทั้งหมด (อาร์เรย์) ที่ผู้ใช้เลือกในจาวาสคริปต์ได้อย่างไร ตัวอย่างเช่นหากผู้ใช้เลือกอาหารกลางวันและของว่างฉันต้องการอาร์เรย์เป็น {2, 4} ดูเหมือนว่ามันจะเป็นงานง่ายๆ แต่ดูเหมือนจะทำไม่ได้ ขอบคุณ.
116 javascript  jquery  html 

13
jQuery สามารถระบุชื่อแท็กได้หรือไม่?
ฉันมีองค์ประกอบหลายอย่างในหน้า HTML ซึ่งมีคลาสเดียวกัน แต่เป็นองค์ประกอบที่แตกต่างกัน ฉันต้องการค้นหาชื่อแท็กขององค์ประกอบเมื่อฉันวนซ้ำ - แต่ .attr ไม่ใช้ "tag" หรือ "tagname" นี่คือสิ่งที่ฉันหมายถึง พิจารณาองค์ประกอบเหล่านี้ในหน้า: &lt;h1 class="rnd"&gt;First&lt;/h1&gt; &lt;h2 id="foo" class="rnd"&gt;Second&lt;/h2&gt; &lt;h3 class="rnd"&gt;Third&lt;/h3&gt; &lt;h4 id="bar" class="rnd"&gt;Fourth&lt;/h4&gt; ตอนนี้ฉันต้องการเรียกใช้สิ่งนี้เพื่อให้แน่ใจว่าองค์ประกอบของฉันทั้งหมดมี id หากยังไม่ได้กำหนดไว้: $(function() { $(".rnd").each(function(i) { var id = $(this).attr("id"); if (id === undefined || id.length === 0) { // this is the line that's …
115 javascript  jquery 

8
วิธีการสตริงย่อยใน jquery
ฉันจะใช้ jquery ในฝั่งไคลเอ็นต์เพื่อสร้างสตริงย่อย "nameGorge" และลบ "name" ออกได้อย่างไรจึงจะแสดงผลเป็นเพียง "Gorge" ได้อย่างไร var name = "nameGorge"; //output Gorge

6
ฉันจะเรียกใช้คำสั่งหลังจากที่ Dom เสร็จสิ้นการแสดงผลได้อย่างไร
ฉันมีปัญหาที่ดูเหมือนง่ายและไม่ชัดเจน(โดยการอ่านโซลูชันAngular JS docs) ฉันมีคำสั่ง Angular JS ที่ทำการคำนวณบางอย่างตามความสูงขององค์ประกอบ DOM อื่น ๆ เพื่อกำหนดความสูงของคอนเทนเนอร์ใน DOM สิ่งที่คล้ายกับสิ่งนี้เกิดขึ้นภายในคำสั่ง: return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } ปัญหาคือเมื่อคำสั่งทำงาน$('site-header')ไม่พบส่งคืนอาร์เรย์ว่างแทนที่จะเป็นองค์ประกอบ DOM ที่ห่อหุ้ม jQuery ที่ฉันต้องการ มีการเรียกกลับที่ฉันสามารถใช้ภายในคำสั่งของฉันซึ่งทำงานหลังจากโหลด DOM แล้วเท่านั้นและฉันสามารถเข้าถึงองค์ประกอบ DOM อื่น ๆ ผ่านแบบสอบถามสไตล์ตัวเลือก jQuery ปกติได้หรือไม่

4
.prop ('checked', false) หรือ. removeAttr ('checked')?
ด้วยการแนะนำวิธีการ prop ตอนนี้ฉันจำเป็นต้องรู้วิธีที่ยอมรับในการยกเลิกการเลือกช่องทำเครื่องหมาย ใช่ไหม: $('input').filter(':checkbox').removeAttr('checked'); หรือ $('input').filter(':checkbox').prop('checked',false);
115 jquery 

14
Internet Explorer 9 แสดงเซลล์ตารางไม่ถูกต้อง
เว็บไซต์ของฉันทำงานได้อย่างราบรื่นเสมอกับ IE8, IE7, FF, Chrome และ Safari ตอนนี้ฉันกำลังทดสอบบน IE9 และพบปัญหาแปลก ๆ : ในบางหน้าข้อมูลตารางบางส่วนแสดงผลไม่ถูกต้อง ซอร์ส HTML ถูกต้องและทั้งหมดและแถวที่ให้ปัญหาจะเปลี่ยนทุกครั้งที่รีเฟรชหน้า (เพื่อบอกความจริงปัญหาจะปรากฏในการรีเฟรชบางส่วนเท่านั้นไม่ใช่ทั้งหมด) การใช้เครื่องมือ F12 ของ IE โครงสร้างตารางจะถูกต้องไม่ควรมี TD ว่างหลังจาก TD ที่มี M08000007448 แต่ก็ยังแสดงผลเช่นนี้ ยิ่งไปกว่านั้นถ้าฉันใช้เครื่องมือ F12 โดยมีเครื่องมือ "เลือกองค์ประกอบโดยคลิก" ในแถบเครื่องมือและฉันพยายามคลิกที่ช่องว่างระหว่าง M08000007448 และ 19 มันจะเลือก TR ไม่ใช่ "hidden td" ฉันมีปัญหาการเรนเดอร์ตารางนี้ในตารางอื่น ๆ ในแอปพลิเคชันใครประสบปัญหาเช่นนี้บ้าง? มันเกิดขึ้นเฉพาะใน IE9 :( ฉันไม่รู้ว่ามันสำคัญหรือเปล่า แต่หน้านี้สร้างด้วย ASPNET …

7
jQuery: $ () คลิก (fn) เทียบกับ $ () ผูก ('คลิก', fn);
เมื่อใช้ jQuery เพื่อเชื่อมต่อกับตัวจัดการเหตุการณ์มีความแตกต่างระหว่างการใช้วิธีการคลิกหรือไม่ $().click(fn) เทียบกับการใช้วิธีการผูก $().bind('click',fn); นอกเหนือจากพารามิเตอร์ข้อมูลทางเลือกของ bind

6
ตรวจสอบว่าการโทร ajax ล้มเหลวเนื่องจากการตอบสนองที่ไม่ปลอดภัยหรือการเชื่อมต่อถูกปฏิเสธ
ฉันได้ทำการวิจัยมากมายและไม่สามารถหาวิธีจัดการกับเรื่องนี้ได้ ฉันกำลังพยายามทำการโทร jQuery ajax จากเซิร์ฟเวอร์ https ไปยังเซิร์ฟเวอร์ locahost https ที่ใช้ท่าเทียบเรือพร้อมใบรับรองที่ลงนามด้วยตนเอง ปัญหาของฉันคือฉันไม่สามารถระบุได้ว่าการตอบกลับเป็นการปฏิเสธการเชื่อมต่อหรือการตอบสนองที่ไม่ปลอดภัย (เนื่องจากการไม่ยอมรับใบรับรอง) มีวิธีกำหนดความแตกต่างระหว่างสถานการณ์ทั้งสองหรือไม่ responseTextและstatusCodeมักจะเหมือนกันในทั้งสองกรณีแม้ในคอนโซลโครเมี่ยมที่ฉันสามารถเห็นความแตกต่าง: net::ERR_INSECURE_RESPONSE net::ERR_CONNECTION_REFUSED responseTextเป็น "" เสมอและstatusCodeเป็น "0" สำหรับทั้งสองกรณี คำถามของฉันคือฉันจะทราบได้อย่างไรว่าการโทร jQuery ajax ล้มเหลวเนื่องจากERR_INSECURE_RESPONSEหรือเนื่องจากERR_CONNECTION_REFUSED? เมื่อยอมรับใบรับรองแล้วทุกอย่างทำงานได้ดี แต่ฉันต้องการทราบว่าเซิร์ฟเวอร์ localhost ปิดหรือเปิดและทำงาน แต่ยังไม่ยอมรับใบรับรอง $.ajax({ type: 'GET', url: "https://localhost/custom/server/", dataType: "json", async: true, success: function (response) { //do something }, error: function (xhr, textStatus, …
115 javascript  jquery  ajax  https 

7
ตรวจสอบว่าองค์ประกอบเป็นลูกของผู้ปกครองหรือไม่
ฉันมีรหัสต่อไปนี้ &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;div id="hello"&gt;Hello &lt;div&gt;Child-Of-Hello&lt;/div&gt;&lt;/div&gt; &lt;br /&gt; &lt;div id="goodbye"&gt;Goodbye &lt;div&gt;Child-Of-Goodbye&lt;/div&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; &lt;!-- function fun(evt) { var target = $(evt.target); if ($('div#hello').parents(target).length) { alert('Your clicked element is having div#hello as parent'); } } $(document).bind('click', fun); --&gt; &lt;/script&gt; &lt;/html&gt; ฉันคาดหวังเมื่อChild-Of-Helloถูกคลิกเท่านั้น$('div#hello').parents(target).lengthจะกลับมา&gt; 0 อย่างไรก็ตามมันจะเกิดขึ้นทุกครั้งที่ฉันคลิกที่ใดก็ได้ มีบางอย่างผิดปกติกับรหัสของฉันหรือไม่?
115 javascript  jquery 


9
jQuery: serialize () รูปแบบและพารามิเตอร์อื่น ๆ
เป็นไปได้ไหมที่จะส่งองค์ประกอบฟอร์ม (อนุกรมด้วย.serialize()วิธีการ) และพารามิเตอร์อื่น ๆ ด้วยคำขอ AJAX เดียว ตัวอย่าง: $.ajax({ type : 'POST', url : 'url', data : { $('#form').serialize(), par1 : 1, par2 : '2', par3: 232 } } หากไม่ใช่วิธีใดที่ดีที่สุดในการส่งแบบฟอร์มพร้อมกับพารามิเตอร์อื่น ๆ ขอบคุณ

5
ใช้ jQuery เพื่อดูว่า div มีลูกที่มีคลาสที่แน่นอนหรือไม่
ฉันมี div ที่เต็มไปแบบไดนามิกที่มีหลายย่อหน้ากับการเรียน#popup .filled-textฉันกำลังพยายามให้ jQuery บอกว่า#popupมีหนึ่งในย่อหน้าเหล่านี้อยู่หรือไม่ ฉันมีรหัสนี้: $("#text-field").keydown(function(event) { if($('#popup').has('p.filled-text')) { console.log("Found"); } }); ข้อเสนอแนะใด ๆ ?
115 javascript  jquery 

4
ความแตกต่างระหว่างเหตุการณ์ "เปลี่ยนแปลง" และ "อินพุต" สำหรับองค์ประกอบ "อินพุต"
คนที่สามารถบอกสิ่งที่แตกต่างระหว่างchangeและinputเหตุการณ์ที่เกิดขึ้นคืออะไร? ฉันใช้ jQuery เพื่อเพิ่ม: $('input[type="text"]').on('change', function() { alert($(this).val()); }) นอกจากนี้ยังทำงานร่วมกับแทนinputchange อาจจะแตกต่างกันบ้างในการเรียงลำดับเหตุการณ์ที่สัมพันธ์กับโฟกัส?
115 javascript  jquery  events  dom 

8
jQuery text () และขึ้นบรรทัดใหม่
อยากได้ทักมา $(someElem).text('this\n has\n newlines); และแสดงผลด้วยบรรทัดใหม่ในเบราว์เซอร์ วิธีแก้ปัญหาเดียวที่ฉันพบคือการตั้งค่าคุณสมบัติ css 'white-space' เป็น 'pre' บน someElem เกือบจะได้ผล แต่ฉันก็มีช่องว่างระหว่างข้อความกับด้านบนของ someElem ขนาดใหญ่จนน่ารำคาญแม้ว่าฉันจะตั้งค่าช่องว่างภายในเป็น 0 มีวิธีกำจัดสิ่งนี้หรือไม่?
114 javascript  jquery  html 

6
ฉันจะตรวจสอบเหตุการณ์ jQuery AJAX กับ Jasmine ได้อย่างไร
ฉันพยายามใช้ Jasmine เพื่อเขียนข้อกำหนด BDD สำหรับคำขอ jQuery AJAX พื้นฐาน ฉันกำลังใช้ Jasmine ในโหมดสแตนด์อโลน (เช่นผ่านSpecRunner.html) ฉันได้กำหนดค่า SpecRunner ให้โหลด jquery และไฟล์. js อื่น ๆ มีความคิดที่ทำไมสิ่งต่อไปนี้ไม่ได้ผล? has_returned ไม่เป็นความจริงแม้แต่คิดว่า "yuppi!" การแจ้งเตือนปรากฏขึ้นได้ดี describe("A jQuery ajax request should be able to fetch...", function() { it("an XML file from the filesystem", function() { $.ajax_get_xml_request = { has_returned : false …
114 javascript  jquery  ajax  jasmine  bdd 

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