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

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

8
jQuery Validate Plugin - ทริกเกอร์ตรวจสอบความถูกต้องของฟิลด์เดียว
ฉันมีแบบฟอร์มที่สามารถเลือกเติมล่วงหน้าผ่านการเชื่อมต่อ facebook เมื่อผู้ใช้เชื่อมต่อชื่อและอีเมลของพวกเขาจะถูกกรอกโดยอัตโนมัติปัญหาคือสิ่งนี้ไม่ได้ทำให้การตรวจสอบระยะไกลตรวจสอบว่ามีอีเมลอยู่แล้วหรือไม่ มีวิธีใดบ้างที่ฉันสามารถเรียกการตรวจสอบความถูกต้องในฟิลด์นั้นเพียงอย่างเดียว สิ่งที่ต้องการ: $('#email-field-only').validate() จะเป็นความคิด ค้นหาเอกสารโดยไม่มีโชค
8
jQuery: รับชื่อไฟล์ที่เลือกจาก <input type =“ file” />
รหัสนี้ควรใช้งานได้ใน IE (อย่าแม้แต่ทดสอบใน Firefox) แต่ก็ไม่สามารถใช้ได้ สิ่งที่ฉันต้องการคือการแสดงชื่อของไฟล์ที่แนบมา ความช่วยเหลือใด ๆ &lt;html&gt; &lt;head&gt; &lt;title&gt;example&lt;/title&gt; &lt;script type="text/javascript" src="../js/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready( function(){ $("#attach").after("&lt;input id='fakeAttach' type='button' value='attach a file' /&gt;"); $("#fakeAttach").click(function() { $("#attach").click(); $("#maxSize").after("&lt;div id='temporary'&gt;&lt;span id='attachedFile'&gt;&lt;/span&gt;&lt;input id='remove' type='button' value='remove' /&gt;&lt;/div&gt;"); $('#attach').change(function(){ $("#fakeAttach").attr("disabled","disabled"); $("#attachedFile").html($(this).val()); }); $("#remove").click(function(e){ e.preventDefault(); $("#attach").replaceWith($("#attach").clone()); $("#fakeAttach").attr("disabled",""); $("#temporary").remove(); }); }) }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; …
90 jquery  events  copy  file-io 
2
Url.Action ทำให้ & amp; ใน url ของฉันฉันจะแก้ปัญหานี้ได้อย่างไร
ฉันต้องการส่งตัวแปร itemId และ entityModel ไปยัง ActionResult CreateNote: public ActionResult CreateNote( [ModelBinder(typeof(Models.JsonModelBinder))] NoteModel Model, string cmd, long? itemId, string modelEntity) ด้วยจาวาสคริปต์นี้: Model.meta.PostAction = Url.Action("CreateNote", new { cmd = "Save", itemId = itemId, modelEntity = modelEntity}); อย่างไรก็ตาม URL ที่กำลังส่งคือ localhost:1304/Administration/blue/en-gb/Entity/CreateNote?modelEntity=Phrase&amp;amp;itemId=44 ฉันต้องการส่ง localhost:1304/Administration/blue/en-gb/Entity/CreateNote?modelEntity=Phrase&amp;itemId=44 ฉันจะป้องกันไม่ให้ Url.Action วางเครื่องหมาย &amp; ไว้หน้าตัวแปรที่สองที่ฉันต้องการส่งได้อย่างไร
26
โหลดเนื้อหา Bootstrap popover ด้วย AJAX เป็นไปได้หรือไม่
ส่วนที่เหมาะสมของสิ่งที่ฉันพยายามอยู่ที่นี่: &lt;a href="#" data-content="&lt;div id='my_popover'&gt;&lt;/div&gt;"&gt; Click here &lt;/a&gt; $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) เมื่อฉันคลิกฉันเห็นคำขอถูกสร้างขึ้น แต่ไม่ได้เติมข้อมูลที่ป็อปโอเวอร์ ฉันไม่เห็น HTML สำหรับการเพิ่มป๊อปโอเวอร์ใน DOM แต่นั่นอาจเป็นไฟร์บัก มีใครลองทำแบบนี้บ้าง?
6
หรี่หน้าจอทั้งหมดยกเว้นพื้นที่คงที่?
ฉันต้องการสร้างบทช่วยสอนซึ่งจะนำผู้ใช้ไปยังตำแหน่งที่คลิก ฉันพยายามที่จะครอบคลุมทั้งหน้าจอด้วย&lt;div&gt;ซึ่งจะสลัวองค์ประกอบทั้งหมดยกเว้นพื้นที่เฉพาะที่อยู่ในการแก้ไขwidth, height, และtopleft ปัญหาคือฉันไม่สามารถหาวิธี "ยกเลิก" ของผู้ปกครองได้background-color(ซึ่งก็โปร่งใสเช่นกัน) ในด้านล่างนี้holeคือ div ที่ควรจะไม่มีเลยbackground-colorรวมถึงพาเรนต์ด้วย สิ่งนี้จะสำเร็จได้หรือไม่? ความคิดใด ๆ ? #bg{ background-color:gray; opacity:0.6; width:100%; height:100vh; } #hole{ position:fixed; top:100px; left:100px; width:100px; height:100px; } &lt;div id="bg"&gt; &lt;div id="hole"&gt;&lt;/div&gt; &lt;/div&gt; เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด นี่คือภาพจำลองของสิ่งที่ฉันพยายามบรรลุ:
90 javascript  jquery  html  css 
3
jQuery - กำหนดว่าองค์ประกอบอินพุตเป็นกล่องข้อความหรือเลือกรายการ
ฉันจะตรวจสอบได้อย่างไรว่าองค์ประกอบที่ส่งคืนโดย: input filter ใน jQuery เป็น textbox หรือ select list ฉันต้องการมีพฤติกรรมที่แตกต่างกันสำหรับแต่ละอย่าง (กล่องข้อความส่งคืนค่าข้อความเลือกส่งคืนทั้งคีย์และข้อความ) ตัวอย่างการตั้งค่า: &lt;div id="InputBody"&gt; &lt;div class="box"&gt; &lt;span id="StartDate"&gt; &lt;input type="text" id="control1"&gt; &lt;/span&gt; &lt;span id="Result"&gt; &lt;input type="text" id="control2"&gt; &lt;/span&gt; &lt;span id="SelectList"&gt; &lt;select&gt; &lt;option value="1"&gt;Option 1&lt;/option&gt; &lt;option value="2"&gt;Option 2&lt;/option&gt; &lt;option value="3"&gt;Option 3&lt;/option&gt; &lt;/select&gt; &lt;/span&gt; &lt;/div&gt; &lt;div class="box"&gt; &lt;span id="StartDate"&gt; &lt;input type="text" …
7
"ทั้งหมดยกเว้น" ตัวเลือก jQuery
ฉันสามารถเลือก (โดยใช้ jQuery) div ทั้งหมดในมาร์กอัป HTML ได้ดังนี้: $('div') แต่ฉันต้องการแยกเฉพาะdiv(พูดว่ามีid="myid") จากการเลือกด้านบน ฉันจะทำสิ่งนี้โดยใช้ฟังก์ชัน Jquery ได้อย่างไร
5
ค้นหาองค์ประกอบทั้งหมดที่มีค่าคุณลักษณะเฉพาะใน jquery
ฉันต้องการค้นหาองค์ประกอบทั้งหมดที่มีค่าคุณลักษณะพิเศษ นี่คือ div ที่ฉันต้องหา (ฉันมีหลายตัว .. ) &lt;div imageId='imageN'&gt;... ฉันต้องวนลูปผ่าน div ที่มี imageId='imageN'
90 jquery 
23
อักษรตัวแรกของตัวแปรตัวพิมพ์ใหญ่
ฉันค้นหาผ่านเว็บแล้วไม่พบสิ่งใดที่จะช่วยฉันได้ ฉันต้องการสร้างตัวอักษรตัวแรกของแต่ละคำตัวพิมพ์ใหญ่ภายในตัวแปร จนถึงตอนนี้ฉันได้ลองแล้ว: toUpperCase(); และไม่มีโชคเพราะตัวพิมพ์ใหญ่ทุกตัวอักษร
6
ลบคลาสทั้งหมดยกเว้นคลาสเดียว
ฉันรู้ว่าด้วยการกระทำ jQuery เราสามารถเพิ่มคลาสจำนวนมากให้กับ div เฉพาะ: &lt;div class="cleanstate"&gt;&lt;/div&gt; สมมติว่าด้วยการคลิกและสิ่งอื่น ๆ div ได้รับคลาสมากมาย &lt;div class="cleanstate bgred paddingleft allcaptions ..."&gt;&lt;/div&gt; ดังนั้นฉันจะลบคลาสทั้งหมดยกเว้นคลาสเดียวได้อย่างไร ความคิดเดียวที่ฉันเกิดขึ้นคือ: $('#container div.cleanstate').removeClass().addClass('cleanstate'); ในขณะที่removeClass()ฆ่าคลาสทั้งหมด div addClass('cleanstate')ก็ถูกทำให้เสียหายแต่การเพิ่มหลังจากนั้นจะกลับสู่สภาวะปกติ วิธีแก้ปัญหาอื่นคือใส่แอตทริบิวต์ ID พร้อมคุณสมบัติ CSS พื้นฐานเพื่อไม่ให้ถูกลบสิ่งที่ช่วยเพิ่มประสิทธิภาพ แต่ฉันแค่อยากรู้วิธีอื่นในการกำจัดทั้งหมดยกเว้น ".cleanstate" ฉันถามสิ่งนี้เพราะในสคริปต์จริง div มีการเปลี่ยนแปลงต่างๆของคลาส
8
jQuery เลือกองค์ประกอบตัวเลือกตามค่า
ฉันมีองค์ประกอบที่เลือกห่อด้วยองค์ประกอบช่วง ฉันไม่ได้รับอนุญาตให้ใช้รหัสการเลือก แต่ฉันได้รับอนุญาตให้ใช้รหัสช่วง ฉันกำลังพยายามเขียนฟังก์ชัน javascript / jquery ซึ่งอินพุตเป็นตัวเลข i ซึ่งเป็นหนึ่งในค่าของตัวเลือกของตัวเลือก ฟังก์ชันจะเปลี่ยนตัวเลือกที่เกี่ยวข้องให้เลือก &lt;span id="span_id"&gt; &lt;select id="h273yrjdfhgsfyiruwyiywer" multiple="multiple"&gt; &lt;option value="1"&gt;cleaning&lt;/option&gt; &lt;option value="2"&gt;food-2&lt;/option&gt; &lt;option value="3"&gt;toilet&lt;/option&gt; &lt;option value="4"&gt;baby&lt;/option&gt; &lt;option value="6"&gt;knick-knacks&lt;/option&gt; &lt;option value="9"&gt;junk-2&lt;/option&gt; &lt;option value="10"&gt;cosmetics&lt;/option&gt; &lt;/select&gt; &lt;/span&gt; ฉันเขียนบางสิ่งดังต่อไปนี้ (สิ่งนี้ไม่ได้ผลอย่างสมบูรณ์ซึ่งเป็นสาเหตุที่ฉันโพสต์คำถามนี้): function select_option(i) { options = $('#span_id').children('select').children('option'); //alert(options.length); //7 //alert(options[0]); //[object HTMLOptionElement] //alert(options[0].val()); //not a jquery element …
10
เลือกลิงค์ตามข้อความ (ตรงกันทุกประการ)
ใช้ jQuery ฉันต้องการเลือกลิงค์ที่มีข้อความบางประเภท ตัวอย่างเช่น: &lt;p&gt;&lt;a&gt;This One&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a&gt;"This One?"&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a&gt;Unlikely&lt;/a&gt;&lt;/p&gt; ฉันได้ลองสิ่งนี้: $('a:contains("This One")') แต่จะเลือกลิงค์แรกและลิงค์ที่สอง ฉันต้องการเพียงลิงก์แรกซึ่งมี "อันนี้" ทั้งหมด ฉันจะทำเช่นนั้นได้อย่างไร?
2
jQuery xml error 'No' Access-Control-Allow-Origin 'มีอยู่ในทรัพยากรที่ร้องขอ'
ฉันกำลังทำโปรเจ็กต์ส่วนตัวของฉันเพื่อความสนุกที่ฉันต้องการอ่านไฟล์ xml ซึ่งอยู่ที่http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml และแยกวิเคราะห์ xml และ ใช้เพื่อแปลงค่าระหว่างสกุลเงิน จนถึงตอนนี้ฉันได้สร้างโค้ดด้านล่างซึ่งค่อนข้างธรรมดาเพื่ออ่าน xml แต่ฉันได้รับข้อผิดพลาดต่อไปนี้ XMLHttpRequest ไม่สามารถโหลด **** ไม่มีส่วนหัว "Access-Control-Allow-Origin" ในทรัพยากรที่ร้องขอ Origin ' http://run.jsbin.com ' จึงไม่อนุญาตให้เข้าถึง $(document).ready( function() { $.ajax({ type: 'GET', url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', dataType: 'xml', success: function(xml){ alert('aaa'); } }); } ); ฉันไม่เห็นอะไรผิดปกติกับรหัสของฉันดังนั้นฉันหวังว่าจะมีคนชี้ให้เห็นว่าฉันทำอะไรผิดกับรหัสของฉันและฉันจะแก้ไขได้อย่างไร
8
ตรวจไม่พบผลลัพธ์ในการเติมข้อความอัตโนมัติ jQuery UI
ก่อนที่คุณจะชี้ให้ฉันดูพวกเขาใช่ฉันได้ตรวจสอบโพสต์ครึ่งโหลในหัวข้อนี้แล้ว แต่ฉันก็ยังลังเลว่าทำไมถึงไม่ได้ผล เป้าหมายของฉันคือตรวจจับเมื่อการเติมข้อความอัตโนมัติให้ผลลัพธ์ 0 นี่คือรหัส: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + …
7
Rails ไม่ได้ถอดรหัส JSON จาก jQuery อย่างถูกต้อง (อาร์เรย์กลายเป็นแฮชที่มีคีย์จำนวนเต็ม)
ทุกครั้งที่ฉันต้องการโพสต์อาร์เรย์ของออบเจ็กต์ JSON ด้วย jQuery to Rails ฉันมีปัญหานี้ ถ้าฉันสตริงอาร์เรย์ฉันจะเห็นว่า jQuery ทำงานได้อย่างถูกต้อง: "shared_items"=&gt;"[{\"entity_id\":\"253\",\"position\":1},{\"entity_id\":\"823\",\"position\":2}]" แต่ถ้าฉันส่งอาร์เรย์เป็นข้อมูลของการโทร AJAX ฉันจะได้รับ: "shared_items"=&gt;{"0"=&gt;{"entity_id"=&gt;"253", "position"=&gt;"1"}, "1"=&gt;{"entity_id"=&gt;"823", "position"=&gt;"2"}} ในขณะที่ถ้าฉันส่งอาร์เรย์ธรรมดามันใช้งานได้: "shared_items"=&gt;["entity_253"] เหตุใด Rails จึงเปลี่ยนอาร์เรย์เป็นแฮชแปลก ๆ เหตุผลเดียวที่อยู่ในใจคือ Rails ไม่สามารถเข้าใจเนื้อหาได้อย่างถูกต้องเนื่องจากไม่มีประเภทที่นี่ (มีวิธีตั้งค่าในการเรียก jQuery หรือไม่): Processing by SharedListsController#create as ขอขอบคุณ! อัปเดต: ฉันกำลังส่งข้อมูลเป็นอาร์เรย์ไม่ใช่สตริงและอาร์เรย์ถูกสร้างขึ้นแบบไดนามิกโดยใช้.push()ฟังก์ชัน พยายาม$.postและ$.ajaxผลลัพธ์เดียวกัน
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.