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

ฉันกำลังพยายามเพิ่มและลบหลายชั้นเรียนในช่องข้อความโดยคลิกที่ปุ่มตัวเลือกต่างๆ ฉันไม่สามารถลบคลาสที่ไม่ต้องการได้ในขณะที่สลับไปมาระหว่างปุ่มตัวเลือกต่างๆ รหัสของฉันสำหรับสิ่งนี้คือ: // For 1st radio button if (actionUrl == "search-client-by-id") { $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]") .addClass("validate[required,custom[onlyNumberSp]]"); } // For 2nd radio button else if (actionUrl == "search-client-by-name") { $("#req").removeClass("validate[required,custom[onlyNumberSp]]") .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]"); }

140 javascript  jquery 

วิธีการข้ามผ่านjQuery find (.. )ไม่รวมโหนดปัจจุบัน - เริ่มต้นด้วยลูกของโหนดปัจจุบัน วิธีใดที่ดีที่สุดในการเรียกการดำเนินการค้นหาที่มีโหนดปัจจุบันในอัลกอริทึมการจับคู่ เมื่อมองผ่านเอกสารไม่มีอะไรกระโดดมาที่ฉันทันที

140 jquery 

ฉันใช้เว็บไซต์ WordPress ฉันรวมสคริปต์นี้ไว้ในส่วนหัว เมื่อสคริปต์โหลดฉันได้รับข้อผิดพลาดนี้: TypeError: 'undefined' ไม่ใช่ฟังก์ชั่น (ประเมิน '$ (เอกสาร)') ฉันไม่รู้ว่าอะไรเป็นสาเหตุของมันหรือว่ามันหมายถึงอะไร ใน firebug ฉันได้รับสิ่งนี้: $ ไม่ใช่ฟังก์ชั่น

139 jquery  wordpress 

ฉันได้อ่านเอกสารของแต่ละฟังก์ชั่น jQuery official websiteแล้ว แต่ไม่มีรายการเปรียบเทียบดังกล่าวระหว่างฟังก์ชั่นด้านล่าง: $().click(fn) $().bind('click',fn) $().live('click',fn) $().delegate(selector, 'click', fn) $().trigger('click') // UPDATED $().on('click', selector ,fn); // more UPDATED โปรดหลีกเลี่ยงลิงก์อ้างอิงใด ๆ ฟังก์ชั่นทั้งหมดข้างต้นทำงานอย่างไรและควรเลือกใช้ในสถานการณ์ใด หมายเหตุ:หากมีฟังก์ชั่นอื่น ๆ ที่มีฟังก์ชั่นหรือกลไกเดียวกันกรุณาอธิบายให้ละเอียด ปรับปรุง ฉันเคยเห็น$.triggerฟังก์ชั่น มันทำงานคล้ายกับฟังก์ชั่นด้านบนหรือไม่ ปรับปรุงเพิ่มเติม ตอนนี้.onเพิ่มในv1.7และฉันคิดว่าอันนี้ครอบคลุมความต้องการฟังก์ชั่นทั้งหมดข้างต้นด้วยกัน

139 javascript  jquery 

ฉันใช้ Googling และค้นหา Stack Overflow มาระยะหนึ่งแล้ว แต่ฉันไม่สามารถแก้ไขปัญหานี้ได้ ฉันมีตาราง HTML มาตรฐานที่ประกอบด้วยคำพูดผลไม้ ชอบมาก <table> <tr> <td>Apple</td> <td>Green</td> </tr> <tr> <td>Grapes</td> <td>Green</td> </tr> <tr> <td>Orange</td> <td>Orange</td> </tr> </table> ด้านบนนี้ฉันมีกล่องข้อความซึ่งฉันต้องการค้นหาตารางเป็นประเภทผู้ใช้ ดังนั้นหากพวกเขาพิมพ์Greตัวอย่างแถว Orange ของตารางจะหายไปจาก Apple และ Grapes หากพวกเขาดำเนินการและพิมพ์Green Grแถว Apple ควรหายไปทิ้งเพียงองุ่น ฉันหวังว่านี่ชัดเจน และหากผู้ใช้ลบแบบสอบถามบางส่วนหรือทั้งหมดออกจากกล่องข้อความฉันควรให้แถวทั้งหมดที่ตรงกับแบบสอบถามนั้นปรากฏขึ้นอีกครั้ง ในขณะที่ฉันรู้วิธีลบแถวของตารางใน jQuery ฉันมีความคิดเพียงเล็กน้อยเกี่ยวกับวิธีดำเนินการเกี่ยวกับการค้นหาและลบแถวที่เลือกโดยพิจารณาจากสิ่งนี้ มีวิธีแก้ปัญหาง่ายๆนี้หรือไม่? หรือปลั๊กอิน? หากใครสามารถชี้ให้ฉันในทิศทางที่ถูกต้องมันจะยอดเยี่ยม ขอบคุณ.

139 javascript  jquery  html 

ฉันจะตรวจสอบว่าช่องทำเครื่องหมายทั้งหมดclass="abc"ถูกเลือกได้อย่างไร? ฉันต้องตรวจสอบทุกครั้งที่มีการตรวจสอบหรือไม่เลือก ฉันจะทำมันเมื่อคลิกหรือเปลี่ยน?

139 jquery 

คำถามง่าย ๆ ฉันหวังว่า ฉันมี<select>กล่องปกติเช่นนี้ <select id="select"> <option value="1">this</option> <option value="2">that</option> <option value="3">other</option> </select> ฉันจะได้รับความคุ้มค่าที่เลือก (โดยใช้$("#select").val()) และค่าการแสดงรายการที่เลือกของ $("#select :selected").text()(โดยการใช้ แต่ฉันจะเก็บไว้เป็นค่าเพิ่มเติมใน<option>แท็กได้อย่างไร ฉันต้องการที่จะทำสิ่งที่ชอบ<option value="3.1" value2="3.2">other</option>และได้รับค่าของvalue2คุณลักษณะ (ซึ่งจะเป็น 3.2 ในตัวอย่าง)

139 javascript  jquery  html 

ฉันกำลังตั้งค่าโฟกัสที่ช่องป้อนข้อมูลบางช่องเมื่อโหลดหน้าโดยใช้บรรทัดต่อไปนี้: $('#myInputID').focus(); มีวิธีที่ฉันสามารถเลิกทำหรือลบโฟกัสนี้เมื่อวางเมาส์เหนือองค์ประกอบบางอย่างได้หรือไม่? (ไม่จำเป็นต้องรีเซ็ตโฟกัสหลังจากออกจากองค์ประกอบนี้) ฉันไม่พบฟังก์ชันที่ตรงข้ามกับข้างบนใน jQuery หรือจะใช้งานได้ที่นี่

139 jquery  html  focus 

ฉันกำลังจัดเก็บข้อมูลโดยใช้data-วิธีการในแท็ก HTML ดังนี้: <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> จากนั้นฉันกำลังดึงข้อมูลในการติดต่อกลับเช่นนี้: $(this).data('imagename'); ใช้งานได้ดี สิ่งที่ฉันติดอยู่คือการพยายามบันทึกวัตถุแทนที่จะเป็นเพียงคุณสมบัติอย่างใดอย่างหนึ่งของมัน ฉันพยายามทำสิ่งนี้: <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> จากนั้นฉันพยายามเข้าถึงคุณสมบัติชื่อดังนี้: var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); undefinedบันทึกบอกฉัน ดูเหมือนว่าฉันสามารถจัดเก็บสตริงง่ายๆในdata-แอตทริบิวต์ได้ แต่ฉันไม่สามารถจัดเก็บออบเจ็กต์ JSON ได้ ... ฉันได้ลองใช้ไวยากรณ์ของเด็กคนนี้โดยไม่มีโชค: <div data-foobar='{"foo":"bar"}'></div> มีความคิดอย่างไรในการจัดเก็บวัตถุจริงในแท็ก HTML โดยใช้data-วิธีการนี้

139 jquery  html  json 

ฉันจะทำให้ความยาวของข้อความที่ป้อนในกล่องข้อความโดยใช้ jQuery ได้อย่างไร

138 jquery 

เกิดอะไรขึ้นกับสิ่งนี้? HTML: <form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms"> <input type="text" name="zip" value="Zip code" id="Zip" class="required valid"> <input type="submit" name="Next" value="Submit" class="forms" id="1"> </form> jQuery: $("#cpa-form").submit(function(e){ e.preventDefault(); });

138 jquery  preventdefault 

ฉันได้ปฏิบัติตามกวดวิชาตามที่ระบุไว้ในนี้การเชื่อมโยง ในโค้ดด้านล่างด้วยเหตุผลบางประการข้อมูลไม่ได้ต่อท้าย url เป็นพารามิเตอร์ แต่ถ้าฉันตั้งค่าโดยตรงเป็น url โดยใช้/?field1="hello"งานได้ $.ajax({ url: 'superman', type: 'POST', data: { field1: "hello", field2 : "hello2"} , contentType: 'application/json; charset=utf-8', success: function (response) { alert(response.status); }, error: function () { alert("error"); } });

138 jquery  ajax 

ฉันมีแบบฟอร์มที่มีความสามารถในการอัปโหลดไฟล์และฉันต้องการให้มีการรายงานข้อผิดพลาดฝั่งไคลเอ็นต์ที่ดีหากไฟล์ที่ผู้ใช้พยายามอัปโหลดมีขนาดใหญ่เกินไปมีวิธีตรวจสอบขนาดไฟล์ด้วย jQuery หรือไม่ บนไคลเอนต์หรือโพสต์ไฟล์กลับไปที่เซิร์ฟเวอร์เพื่อตรวจสอบ?

138 javascript  jquery  file-upload 

ฉันต้องการวาดแผนภูมิแท่งแนวนอนด้วย Chart.js แต่มันยังคงปรับขนาดแผนภูมิแทนการใช้ความสูงที่ฉันกำหนดรูปแบบผืนผ้าใบจากสคริปต์ มีวิธีใดในการกำหนดความสูงของกราฟจากสคริปต์หรือไม่? ดูซอ: Jsfidle HTML <div class="graph"> <div class="chart-legend"> </div> <div class="chart"> <canvas id="myChart"></canvas> </div> </div> JavaScript var ctx = $('#myChart'); ctx.height(500); var myChart = new Chart(ctx, { type: 'horizontalBar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, …

138 javascript  jquery  chart.js 

มีอยู่แล้วเพื่อใช้ตัวจับเวลาสำหรับ JQuery เช่น ทุกๆ 10 วินาทีจะต้องเรียกใช้ฟังก์ชัน js ฉันพยายามต่อไปนี้ window.setTimeout(function() { alert('test'); }, 10000); แต่นี่จะดำเนินการเพียงครั้งเดียวแล้วไม่เคยอีกครั้ง

137 javascript  jquery