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

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

9
jQuery - การร้องขอที่ผิดกฎหมาย
jQuery v1.7.2 ฉันมี funcion นี้ที่ทำให้ฉันเกิดข้อผิดพลาดต่อไปนี้ขณะดำเนินการ: Uncaught TypeError: Illegal invocation นี่คือฟังก์ชั่น: $('form[name="twp-tool-distance-form"]').on('submit', function(e) { e.preventDefault(); var from = $('form[name="twp-tool-distance-form"] input[name="from"]'); var to = $('form[name="twp-tool-distance-form"] input[name="to"]'); var unit = $('form[name="twp-tool-distance-form"] input[name="unit"]'); var speed = game.unit.speed($(unit).val()); if (!/^\d{3}\|\d{3}$/.test($(from).val())) { $(from).css('border-color', 'red'); return false; } if (!/^\d{3}\|\d{3}$/.test($(to).val())) { $(to).css('border-color', 'red'); return false; } var …
108 jquery  ajax  post 

7
ใช้ getJSON ส่งข้อมูลด้วยวิธีโพสต์ยังไง?
ฉันใช้วิธีการด้านบนและทำงานได้ดีกับพารามิเตอร์หนึ่งใน URL เช่นStudents/getstud/1เมื่อใช้รูปแบบคอนโทรลเลอร์ / การกระทำ / พารามิเตอร์ ตอนนี้ฉันมีการดำเนินการในตัวควบคุมนักเรียนที่ยอมรับสองพารามิเตอร์และส่งคืนออบเจ็กต์ JSON ฉันจะโพสต์ข้อมูล$.getJSON()โดยใช้วิธีโพสต์ได้อย่างไร? วิธีการที่คล้ายกันยังเป็นที่ยอมรับ ประเด็นคือการเรียกการกระทำของคอนโทรลเลอร์ด้วย AJAX

4
ตรวจสอบว่าอาร์เรย์ว่างเปล่าหรือเป็นโมฆะ
ฉันต้องการทราบวิธีตรวจสอบว่าอาร์เรย์ว่างเปล่าหรือเป็นโมฆะใน jQuery ฉันพยายามarray.length === 0แล้วแต่มันไม่ได้ผล มันไม่ได้ทำให้เกิดข้อผิดพลาดใด ๆ นี่คือรหัส: var album_text = new Array(); $("input[name='album_text[]']").each(function(){ if( $(this).val() && $(this).val() != '') { album_text.push($(this).val()); } }); if (album_text.length === 0) { $('#error_message').html("Error"); } else { // send data }
108 jquery  arrays  is-empty 

9
จะแสดงข้อความกำลังโหลดเมื่อ iFrame กำลังโหลดได้อย่างไร?
ฉันมี iframe ที่โหลดเว็บไซต์ของบุคคลที่สามซึ่งโหลดช้ามาก มีวิธีใดบ้างที่ฉันสามารถแสดงข้อความการโหลดในขณะที่ iframe โหลดโดยที่ผู้ใช้ไม่เห็นพื้นที่ว่างขนาดใหญ่ ปล. โปรดทราบว่า iframe มีไว้สำหรับเว็บไซต์ของบุคคลที่สามดังนั้นฉันจึงไม่สามารถแก้ไข / ฉีดอะไรในหน้าของพวกเขาได้


14
ไม่สามารถเปิดไฟล์ในเครื่อง - Chrome: ไม่อนุญาตให้โหลดทรัพยากรในเครื่อง
ทดสอบเบราว์เซอร์: เวอร์ชันของ Chrome: 52.0.2743.116 มันเป็นจาวาสคริปต์ง่ายๆที่จะเปิดไฟล์รูปภาพจากโลคัลเช่น 'C: \ 002.jpg' function run(){ var URL = "file:///C:\002.jpg"; window.open(URL, null); } run(); นี่คือโค้ดตัวอย่างของฉัน https://fiddle.jshell.net/q326vLya/3/ โปรดให้คำแนะนำที่เหมาะสมกับฉัน

12
จะตรวจสอบด้วย javascript ได้อย่างไรว่าการเชื่อมต่อเป็นโลคัลโฮสต์หรือไม่?
ฉันต้องการตรวจสอบจาวาสคริปต์ของฉันหากการโหลดหน้าเว็บอยู่ในเครื่องของฉัน เหตุผลที่ฉันต้องการทำเช่นนั้นคือเมื่อฉันพัฒนาฉันต้องการตรวจสอบให้แน่ใจว่าการตรวจสอบความถูกต้องทั้งฝั่งเซิร์ฟเวอร์ (C #) ของฉันทำงานได้อย่างถูกต้อง ดังนั้นฉันต้องการดูข้อผิดพลาดทั้งฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์เพื่อแสดง ดังนั้นในขณะที่ฉันกำลังทดสอบฉันมีแฟล็กใน jquery ของฉันตรวจสอบสิ่งต่างๆที่ปล่อยให้ข้อมูลที่ไม่ถูกต้องผ่านไปได้เสมอ ด้วยวิธีนี้ฉันจะเห็นข้อผิดพลาดฝั่งไคลเอ็นต์และเซิร์ฟเวอร์ในคราวเดียว อย่างไรก็ตามตอนนี้ฉันต้องเปลี่ยนไปมาด้วยตนเองเมื่อเปลี่ยนจากการพัฒนาไปสู่การผลิต

5
ไม่ได้กำหนด ESLint ดอลลาร์ ($) (no-undef)
$("#ID").hide(); ฉันเพิ่ม ESLint ในโครงการของฉัน $ทุกอย่างดียกเว้นสัญลักษณ์ ฉันได้รับข้อผิดพลาด: [eslint] '$' is not defined. (no-undef) ของฉัน.eslintrc.json(หมายเหตุ: มีกฎเพิ่มเติมที่ตั้งค่าให้ไม่อนุญาตฟังก์ชัน jquery เมื่อมีจาวาสคริปต์ที่เทียบเท่า): { "env": { "browser": true, "commonjs": true, "es6": true }, "extends": [ "eslint:recommended" ], "parserOptions": { "sourceType": "module" }, "plugins": [ "dollar-sign", "jquery" ], "rules": { "indent": [ "error" , "tab" ], "linebreak-style": [ …
108 jquery  eslint 

5
ลบองค์ประกอบแรกออกจากอาร์เรย์และส่งคืนอาร์เรย์ลบองค์ประกอบแรก
var myarray = ["item 1", "item 2", "item 3", "item 4"]; //removes the first element of the array, and returns that element. alert(myarray.shift()); //alerts "item 1" //removes the last element of the array, and returns that element. alert(myarray.pop()); //alerts "item 4" เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด วิธีลบอาร์เรย์แรก แต่ส่งคืนอาร์เรย์ลบองค์ประกอบแรก ในตัวอย่างของฉันฉันควรจะได้รับ"item 2", "item 3", "item …

4
จะให้ jQuery รอจนกว่าเอฟเฟกต์จะเสร็จสิ้นได้อย่างไร?
ฉันแน่ใจว่าฉันอ่านเกี่ยวกับเรื่องนี้เมื่อวันก่อน แต่ฉันไม่สามารถหาอ่านได้จากที่ไหนเลย ฉันมีfadeOut()เหตุการณ์หลังจากนั้นฉันลบองค์ประกอบ แต่ jQuery กำลังลบองค์ประกอบก่อนที่มันจะมีโอกาสที่จะเลือนหายไป ฉันจะให้ jQuery รอจนกว่าองค์ประกอบจะจางหายไปจากนั้นจึงลบออกได้อย่างไร
107 jquery 

15
คลิกเมนูด้านนอกเพื่อปิดใน jquery
ฉันจึงมีเมนูแบบเลื่อนลงที่แสดงให้เห็นเมื่อคลิกตามความต้องการทางธุรกิจ เมนูจะถูกซ่อนอีกครั้งหลังจากที่คุณวางเมาส์จากเมนู แต่ตอนนี้ฉันถูกขอให้ติดตั้งไว้จนกว่าผู้ใช้จะคลิกที่ใดก็ได้บนเอกสาร จะสำเร็จได้อย่างไร? นี่เป็นเวอร์ชันที่เรียบง่ายของสิ่งที่ฉันมีตอนนี้: $(document).ready(function() { $("ul.opMenu li").click(function(){ $('#MainOptSubMenu',this).css('visibility', 'visible'); }); $("ul.opMenu li").mouseleave(function(){ $('#MainOptSubMenu',this).css('visibility', 'hidden'); }); }); <ul class="opMenu"> <li id="footwo" class=""> <span id="optImg" style="display: inline-block;"> <img src="http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif"/> </span> <ul id="MainOptSubMenu" style="visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;"> <li>some</li> <li>nav</li> …
107 jquery 

9
ฉันจะใช้ form.serialize ของ jQuery ได้อย่างไร แต่ไม่รวมช่องว่าง
ฉันมีแบบฟอร์มการค้นหาที่มีการป้อนข้อความและรายการแบบเลื่อนลงจำนวนหนึ่งที่ส่งผ่าน GET ฉันต้องการมี URL การค้นหาที่สะอาดกว่าโดยการลบช่องว่างออกจากสตริงคำค้นหาเมื่อทำการค้นหา var form = $("form"); var serializedFormStr = form.serialize(); // I'd like to remove inputs where value is '' or '.' here window.location.href = '/search?' + serializedFormStr มีความคิดอย่างไรที่ฉันจะทำสิ่งนี้โดยใช้ jQuery?

4
วิธีตั้งค่า textbox ใน jquery
ฉันจะโหลดค่าที่แน่นอนลงในกล่องข้อความโดยใช้ jquery ได้อย่างไรลองดูด้านล่าง แต่ฉันได้[object Object]ผลลัพธ์เป็นผลลัพธ์ โปรดแจ้งฉันเกี่ยวกับเรื่องนี้ฉันเพิ่งเริ่มใช้ jquery proc = function(x, y) { var str1 = $('#pid').value; var str2 = $('#qtytobuy').value; var str3 = $('#subtotal').load('compz.php?prodid=' + x + '&qbuys=' + y); $('#subtotal').val(str3); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form name="yoh" method="get"> Product id: <input type="text" name="pid" value=""><br/> Quantity to buy:<input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, …
107 javascript  jquery 

9
วิธีใช้ JQuery-Mobile / Phonegap ร่วมกันอย่างถูกต้องหรือไม่?
วิธีที่ถูกต้อง (จนถึงปัจจุบัน) ในการใช้ JQuery Mobile และ Phonegap ร่วมกันคืออะไร? ต้องโหลดเฟรมเวิร์กทั้งสองก่อนจึงจะใช้งานได้ ฉันจะแน่ใจได้อย่างไรว่าทั้งสองโหลดก่อนที่จะใช้งานได้

8
เมื่อใดที่ฉันควรใช้ฟังก์ชัน document.ready ของ jQuery
ฉันได้รับคำสั่งให้ใช้ document.ready เมื่อฉันเริ่มใช้ Javascript / jQuery เป็นครั้งแรก แต่ฉันไม่เคยเรียนรู้ว่าทำไม อาจมีคนให้คำแนะนำพื้นฐานเกี่ยวกับเวลาที่เหมาะสมในการห่อรหัส javascript / jquery ไว้ใน jQuery's document.ready ? บางหัวข้อที่ฉันสนใจ: .on()วิธีการของ jQuery : ฉันใช้.on()วิธีสำหรับ AJAX ค่อนข้างน้อย (โดยทั่วไปจะใช้องค์ประกอบ DOM ที่สร้างแบบไดนามิก) ตัว.on()จัดการคลิกควรอยู่ด้านในเสมอ document.readyหรือไม่? ประสิทธิภาพ: มีประสิทธิภาพมากกว่าในการเก็บวัตถุ javascript / jQuery ต่างๆไว้ภายในหรือภายนอกเอกสารแล้ว (เช่นกันความแตกต่างของประสิทธิภาพมีนัยสำคัญหรือไม่?) ขอบเขตออบเจ็กต์: เพจที่โหลด AJAX ไม่สามารถเข้าถึงอ็อบเจ็กต์ที่อยู่ในเอกสารของเพจก่อนหน้าได้ถูกต้องหรือไม่ พวกเขาสามารถเข้าถึงได้เฉพาะวัตถุที่อยู่นอก document.ready (เช่นวัตถุ "global" อย่างแท้จริง)? อัปเดต:เพื่อปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดจาวาสคริปต์ทั้งหมดของฉัน (ไลบรารี jQuery และรหัสแอปของฉัน) จะอยู่ที่ด้านล่างของหน้า HTML …

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