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

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

15
ลบคลาสทั้งหมดที่ขึ้นต้นด้วยสตริงที่กำหนด
ฉันมี div id="a"ซึ่งอาจมีจำนวนคลาสที่แนบมาจากหลายกลุ่ม แต่ละกลุ่มมีคำนำหน้าเฉพาะ ในจาวาสคริปต์ฉันไม่รู้ว่าคลาสจากกลุ่มไหนอยู่บน div ฉันต้องการล้างชั้นเรียนทั้งหมดด้วยคำนำหน้าที่กำหนดแล้วเพิ่มใหม่ ถ้าฉันต้องการลบคลาสทั้งหมดที่ขึ้นต้นด้วย "bg" ฉันจะทำอย่างไร อะไรทำนองนี้ แต่ใช้งานได้จริง: $("#a").removeClass("bg*");
99 javascript  jquery  css 



14
TypeError: $ (…) .modal ไม่ใช่ฟังก์ชันที่มี bootstrap Modal
ฉันมีโมดอล bootstrap 2.32 ซึ่งฉันพยายามแทรกลงใน HTML ของมุมมองอื่นแบบไดนามิก ฉันกำลังทำงานกับ Codeigniter 2.1 ต่อไปนี้การแทรกมุมมองบางส่วนของโมดอล bootstrap แบบไดนามิกลงในมุมมองฉันมี: <div id="modal_target"></div> เป็น div เป้าหมายสำหรับการแทรก ฉันมีปุ่มในมุมมองของฉันที่ดูเหมือน: <a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab">Message</a> JS ของฉันมี: $.ajax({ type : 'POST', url : "AjaxUpdate/get_modal", cache : false, success : function(data){ if(data){ $('#modal_target').html(data); //This shows the modal $('#form-content').modal(); } } }); …


8
JQuery Datatables: ไม่สามารถอ่านคุณสมบัติ 'aDataSort' ของ undefined
ฉันสร้างซอนี้ขึ้นมาและใช้งานได้ดีตามความต้องการของฉัน: ซอ อย่างไรก็ตามเมื่อฉันใช้สิ่งเดียวกันในแอปพลิเคชันของฉันฉันได้รับข้อผิดพลาดในคอนโซลของเบราว์เซอร์ว่าไม่สามารถอ่านคุณสมบัติ 'aDataSort' ของไม่ได้กำหนด ในแอปพลิเคชันของฉันจาวาสคริปต์อ่านบางสิ่งดังต่อไปนี้: ฉันได้ตรวจสอบเอาต์พุตคอนโทรลเลอร์แล้ว ... ทำงานได้ดีและพิมพ์บนคอนโซลด้วย $(document).ready(function() { $.getJSON("three.htm", function(data) { // console.log("loadDataTable >> "+JSON.stringify(data)); }) .fail(function( jqxhr, textStatus, error ) { var err = textStatus + ', ' + error; alert(err); console.log( "Request Failed: " + err); }) .success(function(data){ loadDataTable(data); }); function loadDataTable(data){ $("#recentSubscribers").dataTable().fnDestroy(); var oTable …

8
วิธีการผูกเหตุการณ์บน Ajax โหลดเนื้อหา?
ฉันมีลิงก์myLinkที่ควรแทรกเนื้อหาที่โหลด AJAX ลงในdiv(appendedContainer) ของหน้า HTML ของฉัน ปัญหาคือclickเหตุการณ์ที่ฉันผูกไว้กับ jQuery ไม่ได้ถูกดำเนินการกับเนื้อหาที่โหลดใหม่ซึ่งถูกแทรกลงใน appendedContainer clickเหตุการณ์ที่ถูกผูกไว้ในองค์ประกอบ DOM ที่ยังไม่ได้เต็มไปด้วยฟังก์ชั่น AJAX ของฉัน ฉันต้องเปลี่ยนแปลงอะไรบ้างเพื่อที่เหตุการณ์จะผูกพัน? HTML ของฉัน: <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> JavaScript ของฉัน: $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { …


9
ใน Javascript / jQuery (e) หมายถึงอะไร?
ฉันยังใหม่กับ JavaScript / jQuery และฉันได้เรียนรู้วิธีสร้างฟังก์ชัน มีฟังก์ชันมากมายที่ครอบตัดด้วย (e) ในวงเล็บ ให้ฉันแสดงความหมาย: $(this).click(function(e) { // does something }); ดูเหมือนว่าฟังก์ชันจะไม่ใช้ค่า (e) ด้วยซ้ำทำไมจึงมีบ่อยครั้ง

6
วิธีเลื่อนหน้าต่างโดยใช้ฟังก์ชัน JQuery $ .scrollTo ()
ฉันพยายามเลื่อนลง 100px ทุกครั้งที่ผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร ฉันมีฟังก์ชันที่ทำงานเมื่อผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร แต่ฟังก์ชัน. scrollTo ไม่ทำงาน ฉันแจ้งเตือนก่อนและหลังเพื่อตรวจสอบว่าเป็นบรรทัดจริงหรือไม่ที่หยุดการแจ้งเตือนและมีเพียงการแจ้งเตือนครั้งแรกเท่านั้นที่ดับลงนี่คือรหัส: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); ฉันรู้ว่าฉันมีหน้า jquery ที่เชื่อมโยงอย่างถูกต้องเพราะฉันใช้ฟังก์ชั่น jquery อื่น ๆ มากมายและมันก็ทำงานได้ดี ฉันได้ลองลบ 'px' จากด้านบนแล้วและดูเหมือนจะไม่สร้างความแตกต่าง

6
วิธีการเลือนเพื่อแสดง: อินไลน์บล็อก
ในหน้าของฉันฉันมีโหนด dom (ประมาณ 30) จำนวนมากที่ควรเพิ่มซึ่งมองไม่เห็นและจะจางหายไปเมื่อโหลดจนเต็ม องค์ประกอบต้องการการแสดงผล: สไตล์อินไลน์บล็อก ฉันต้องการใช้ฟังก์ชัน jquery .fadeIn () สิ่งนี้ต้องการให้องค์ประกอบเริ่มต้นมีการแสดงผล: ไม่มี; กฎในการซ่อนในตอนแรก หลังจากที่ fadeIn () องค์ประกอบนอกหลักสูตรจะมีการแสดงผลเริ่มต้น: สืบทอด; ฉันจะใช้ฟังก์ชันการจางกับค่าที่แสดงนอกเหนือจากการสืบทอดได้อย่างไร
98 jquery  fade 

9
jQuery Validate - ต้องกรอกอย่างน้อยหนึ่งฟิลด์ในกลุ่ม
ฉันใช้ jQuery Validate Plugin ที่ยอดเยี่ยมเพื่อตรวจสอบบางรูปแบบ ในรูปแบบหนึ่งฉันต้องตรวจสอบให้แน่ใจว่าผู้ใช้กรอกข้อมูลในกลุ่มฟิลด์อย่างน้อยหนึ่งกลุ่ม ฉันคิดว่าฉันมีทางออกที่ดีทีเดียวและอยากจะแบ่งปัน โปรดแนะนำการปรับปรุงที่คุณคิดได้ ฉันค้นหาวิธีการตรวจสอบความถูกต้องแบบกำหนดเองของ Rebecca Murpheyซึ่งมีประโยชน์มาก ฉันปรับปรุงสิ่งนี้ในสามวิธี: เพื่อให้คุณผ่านตัวเลือกสำหรับกลุ่มเขตข้อมูล เพื่อให้คุณระบุจำนวนกลุ่มที่ต้องกรอกเพื่อตรวจสอบความถูกต้องจึงจะผ่านได้ เพื่อแสดงอินพุตทั้งหมดในกลุ่มว่าผ่านการตรวจสอบความถูกต้องทันทีที่หนึ่งในนั้นผ่านการตรวจสอบความถูกต้อง (ดูการตะโกนถึงNick Craverในตอนท้าย) ดังนั้นคุณสามารถพูดได้ว่า"อย่างน้อยต้องใส่ X อินพุตที่ตรงกับตัวเลือก Y" ผลลัพธ์สุดท้ายด้วยมาร์กอัปดังนี้: <input class="productinfo" name="partnumber"> <input class="productinfo" name="description"> ... เป็นกลุ่มของกฎดังนี้: // Both these inputs input will validate if // at least 1 input with class 'productinfo' is filled partnumber: { …

10
รับความสูงและความกว้างของวิวพอร์ตของเบราว์เซอร์โดยไม่มีแถบเลื่อนโดยใช้ jquery?
ฉันจะรับความสูงและความกว้างของวิวพอร์ตของเบราว์เซอร์โดยไม่ใช้แถบเลื่อนโดยใช้ jQuery ได้อย่างไร นี่คือสิ่งที่ฉันได้ลองแล้ว: var viewportWidth = $("body").innerWidth(); var viewportHeight = $("body").innerHeight(); โซลูชันนี้ไม่คำนึงถึงแถบเลื่อนของเบราว์เซอร์
98 jquery 

7
$ (this) .val () ไม่ทำงานเพื่อรับข้อความจาก span โดยใช้ jquery
ให้ html นี้ฉันต้องการคว้า "สิงหาคม" จากมันเมื่อฉันคลิกที่มัน: <span class="ui-datepicker-month">August</span> ฉันเหนื่อย $(".ui-datepicker-month").live("click", function () { var monthname = $(this).val(); alert(monthname); }); แต่ดูเหมือนจะไม่ทำงาน
98 jquery  html 

15
สร้างตารางด้วย jQuery - ผนวก
ฉันมีในหน้า div: <div id="here_table"></div> และใน jquery: for(i=0;i<3;i++){ $('#here_table').append( 'result' + i ); } สิ่งนี้สร้างให้ฉัน: <div id="here_table"> result1 result2 result3 etc </div> ฉันต้องการรับสิ่งนี้ในตาราง: <div id="here_table"> <table> <tr><td>result1</td></tr> <tr><td>result2</td></tr> <tr><td>result3</td></tr> </table> </div> ฉันกำลังทำ: $('#here_table').append( '<table>' ); for(i=0;i<3;i++){ $('#here_table').append( '<tr><td>' + 'result' + i + '</td></tr>' ); } $('#here_table').append( '</table>' ); แต่สิ่งนี้สร้างให้ฉัน: <div …

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