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

ฉันกำลังพยายามดึงและตั้งค่าที่เลือกขององค์ประกอบที่เลือก (รายการแบบเลื่อนลง) ด้วย jQuery สำหรับการดึงข้อมูลฉันได้ลอง$("#myId").find(':selected').val()แล้วเช่นเดียวกับ$("#myId").val()แต่ทั้งสองกลับไม่ได้กำหนด ความเข้าใจในปัญหานี้จะได้รับการชื่นชมมาก

126 jquery 

<p> #0099ffเมื่อฉันทำเครื่องหมายในช่องที่ผมอยากให้มันเปิด เมื่อฉันยกเลิกการเลือกช่องทำเครื่องหมายฉันต้องการให้ยกเลิกการทำเช่นนั้น รหัสที่ฉันมีจนถึงตอนนี้: $('#checkbox').click(function(){ if ($('#checkbox').attr('checked')) { /* NOT SURE WHAT TO DO HERE */ } })

126 jquery  checkbox  if-statement  checked  unchecked 

ล็อค คำถามนี้และคำตอบถูกล็อกเนื่องจากคำถามไม่ตรงประเด็น แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ยังไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ผมเคยมีจำนวนมากประสบการณ์ที่ดีในการเรียนรู้เกี่ยวกับการพัฒนาเว็บในw3schools.com ฉันรู้ว่ามันโดนหรือพลาด แต่ส่วน PHP และ CSS โดยเฉพาะได้พิสูจน์แล้วว่ามีประโยชน์มากสำหรับการอ้างอิง อย่างไรก็ตามฉันสงสัยว่ามีไซต์ที่คล้ายกันสำหรับjQueryหรือไม่ ฉันสนใจที่จะเรียนรู้ แต่ฉันต้องการให้มันออนไลน์ / ค้นหาได้ดังนั้นฉันจึงสามารถอ้างอิงกลับได้อย่างง่ายดายเมื่อฉันต้องการข้อมูลในอนาคต นอกจากนี้โดยสรุปแล้ว jQuery ควรค่าแก่การเรียนรู้หรือไม่? หรือฉันควรดูไลบรารี JavaScript อื่น ฉันรู้ว่าเจฟฟ์ใช้ jQuery บน Stack Overflow และดูเหมือนว่าจะทำงานได้ดี ขอบคุณ! แก้ไข : เว็บไซต์ของ jQuery มีรายการใหญ่สวยของบทเรียนและครอบคลุมดูเหมือนหน้าเอกสาร ฉันยังไม่มีเวลาทำมันเลยมีใครมีประสบการณ์กับมันบ้างไหม? แก้ไข 2 : ดูเหมือนว่าตอนนี้ Google กำลังโฮสต์ไลบรารี jQuery นั่นน่าจะทำให้ jQuery ได้เปรียบอย่างมากในแง่ของการประชาสัมพันธ์ นอกจากนี้หากทุกคนใช้ไลบรารี aQuery แบบรวมเดียวที่โฮสต์ในที่เดียวกันควรได้รับการแคชสำหรับผู้ใช้อินเทอร์เน็ตส่วนใหญ่ตั้งแต่เนิ่นๆดังนั้นจึงไม่ส่งผลกระทบต่อการดาวน์โหลดไซต์ของคุณหากคุณตัดสินใจใช้ 2 เดือนต่อมา …

126 javascript  jquery  review 

ฉันรู้วิธีดูว่ามีการเลือกช่องทำเครื่องหมายแต่ละช่องหรือไม่ แต่ฉันมีปัญหากับสิ่งต่อไปนี้ - ได้รับรหัสแบบฟอร์มฉันต้องการดูว่ามีการเลือกช่องทำเครื่องหมายใด (เช่น 1 หรือมากกว่า) และฉันต้องดูว่าไม่มีการเลือกไว้หรือไม่ โดยพื้นฐานแล้วฉันต้องการฟังก์ชั่นแยกต่างหากที่ตอบคำถามสองข้อนี้ ความช่วยเหลือจะได้รับการชื่นชม ขอบคุณ! อันที่จริงฉันแค่ต้องการฟังก์ชั่นเพื่อบอกว่าไม่มีการเลือกไว้ การรู้สิ่งนี้จะตอบคำถามอื่น ๆ

126 javascript  jquery  forms 

การใช้ตัวอย่างหลักที่นำมาจากหน้าตัวอย่าง Bootstrap 3 Javascript สำหรับการยุบฉันสามารถแสดงสถานะการยุบโดยใช้ไอคอนรูปตัววี ฉันใช้งานได้โดยใช้: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); วิธีนี้ใช้งานได้ (ไม่ได้ทดสอบอย่างสมบูรณ์ในทุกเบราว์เซอร์) แต่ฉันสงสัยว่ามีวิธีแก้ปัญหาที่หรูหรากว่านี้หรือไม่? ตามหลักการแล้วฉันต้องการใช้ฟังก์ชันหลัก แต่ฉันไม่แน่ใจว่าจะได้ผลลัพธ์เดียวกันกับมันอย่างไร $('#accordion').on('hidden.bs.collapse', function () { //do something... }) ต่อไปนี้เป็นรุ่นที่ทำงานในjsfiddle

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

ฉันกำลังพยายามใช้ event.stopPropagation () ภายในคอมโพเนนต์ ReactJS เพื่อหยุดเหตุการณ์การคลิกไม่ให้เดือดและทริกเกอร์เหตุการณ์การคลิกที่แนบมากับ JQuery ในโค้ดดั้งเดิม แต่ดูเหมือนว่า stopPropagation () ของ React จะหยุดการเผยแพร่ไปยังเหตุการณ์เท่านั้น ยังแนบอยู่ใน React และ stopPropagation () ของ JQuery ไม่หยุดการแพร่กระจายไปยังเหตุการณ์ที่แนบมากับ React มีวิธีใดบ้างที่จะทำให้ stopPropagation () ทำงานในเหตุการณ์เหล่านี้ได้ ฉันเขียนJSFiddleง่ายๆเพื่อแสดงพฤติกรรมเหล่านี้: /** @jsx React.DOM */ var Propagation = React.createClass({ alert: function(){ alert('React Alert'); }, stopPropagation: function(e){ e.stopPropagation(); }, render: function(){ return ( <div> …

126 javascript  jquery  reactjs 

ฉันมีอาร์เรย์ที่ฉันกำลังวนลูป ทุกครั้งที่เงื่อนไขเป็นจริงฉันต้องการต่อท้ายสำเนาของHTMLโค้ดด้านล่างกับองค์ประกอบคอนเทนเนอร์ที่มีค่าบางอย่าง ฉันจะนำ HTML นี้ไปใช้ซ้ำอย่างชาญฉลาดได้ที่ไหน <a href="#" class="list-group-item"> <div class="image"> <img src="" /> </div> <p class="list-group-item-text"></p> </a> JQuery $('.search').keyup(function() { $('.list-items').html(null); $.each(items, function(index) { // APPENDING CODE HERE }); });

126 javascript  jquery  json 

ฉันเขียนตัวอย่างเพื่อดูว่าอะไรคือความแตกต่าง แต่แสดงผลลัพธ์เดียวกันสำหรับฉันสำหรับความกว้างและความสูง <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px var height = div.height(); // 150 px var innerHeight = div.innerHeight(); // 150 px var outerHeight = …

125 javascript  jquery  css  dom  styles 

bigloop=setInterval(function () { var checked = $('#status_table tr [id^="monitor_"]:checked'); if (checked.index()===-1 ||checked.length===0 || ){ bigloop=clearInterval(bigloop); $('#monitor').button('enable'); }else{ (function loop(i) { //monitor element at index i monitoring($(checked[i]).parents('tr')); //delay of 3 seconds setTimeout(function () { //when incremented i is less than the number of rows, call loop for next index if (++i …

125 javascript  jquery  setinterval  clearinterval 

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

125 javascript  jquery 

ฉันมีหน้าเว็บที่มี 3 รูปแบบอยู่ ไม่ซ้อนกันเพียงตัวเดียว (เกือบจะเหมือนกันมีเพียงตัวแปรซ่อนเดียวที่แตกต่างกัน) ผู้ใช้จะกรอกแบบฟอร์มเดียวเท่านั้นและฉันต้องการตรวจสอบความถูกต้อง / etc ทุกรูปแบบด้วยสคริปต์ JS เพียงชุดเดียว ดังนั้นเมื่อผู้ใช้คลิกปุ่มส่งของฟอร์ม # 1 ฉันจะทำให้สคริปต์ js ของฉันจัดการเฉพาะกับฟิลด์ใน form1 ได้อย่างไร ฉันรวบรวมมันมีบางอย่างเกี่ยวกับ $ (this) .parents แต่ฉันไม่แน่ใจว่าจะทำอย่างไรกับมัน สคริปต์ตรวจสอบความถูกต้องของฉัน (ซึ่งฉันใช้ที่อื่นโดยมีเพียงรูปแบบเดียว) มีลักษณะดังนี้: $(document).ready(function(){ $("#submit").click(function(){ $(".error").hide(); var hasError = false; var nameVal = $("#name").val(); if(nameVal == '') { $("#name").after('Please enter your name.'); hasError = true; } …

125 jquery  forms 

เมื่อพยายามส่งคำขอ HTTP โดยใช้ XMLHttpRequest จากไฟล์ในเครื่องโดยทั่วไปจะล้มเหลวเนื่องจากการAccess-Control-Allow-Originละเมิด อย่างไรก็ตามฉันใช้หน้าเว็บท้องถิ่นด้วยตัวเองดังนั้นฉันจึงสงสัยว่ามีวิธีใดบ้างที่จะทำให้ Google Chrome อนุญาตคำขอเหล่านี้ซึ่งมาจากไฟล์ในเครื่องไปยัง URL บนอินเทอร์เน็ต เช่น$.get('http://www.google.com/')ล้มเหลวเมื่อดำเนินการในไฟล์ในเครื่อง แต่ฉันได้เขียนสคริปต์หน้าด้วยตัวเองและฉันใช้งานด้วยตัวเองดังนั้นจะมีประโยชน์อย่างยิ่งหากฉันสามารถระงับและโหลด URL ได้ ดังนั้นฉันจะอนุญาตให้ Google Chrome โหลด URL โดยใช้ XMLHttpRequest จากไฟล์ในเครื่องได้อย่างไร

125 javascript  jquery  google-chrome  xmlhttprequest  local-files 

เมื่อฉันใช้ DatePicker ปลั๊กอิน UI ของ jQuery ในเพจ. aspx ที่มีอยู่ฉันได้รับข้อผิดพลาดที่: $("#datepicker").datepicker is not a function อย่างไรก็ตามเมื่อฉันคัดลอกและวางโค้ดเดียวกับที่สร้างและใช้ datePicker ไปยังไฟล์ HTML ที่อยู่ในไดเร็กทอรีเดียวกันกับเพจ aspx มันก็ทำงานได้อย่างไม่มีที่ติ สิ่งนี้ทำให้ฉันคิดว่ามีไฟล์ JS บางไฟล์ในหน้า aspx ที่ป้องกันไม่ให้ datePicker หรืออาจจะโหลดไฟล์ UI JS ของ jQuery อย่างถูกต้อง ใครสามารถยืนยันความเชื่อของฉันหรือให้คำแนะนำในการค้นหาผู้กระทำผิดที่รบกวนปลั๊กอิน UI ของ jQuery ได้หรือไม่

125 asp.net  javascript  jquery  datepicker 

ฉันมีเว็บไซต์บางแห่งที่ฉันสร้างขึ้นเมื่อครั้งที่แล้วซึ่งใช้เหตุการณ์เมาส์ jquery ... ฉันเพิ่งได้รับ iPad และฉันสังเกตเห็นว่าการวางเมาส์เหนือเหตุการณ์ทั้งหมดได้รับการแปลเป็นคลิก ... ตัวอย่างเช่นฉันต้องทำการคลิกสองครั้งแทนการคลิกเพียงครั้งเดียว .. (การวางเมาส์ครั้งแรกมากกว่าการคลิกจริง) มีวิธีแก้ปัญหาพร้อมแก้ปัญหานี้หรือไม่ บางทีคำสั่ง jquery ที่ฉันใช้ shoudl แทน mouseover / out เป็นต้นขอบคุณ!

125 jquery  ipad  hover  mouseover 

ฉันจะตรวจสอบ / ยกเลิกการเลือกเหตุการณ์<input type="checkbox" />ด้วย jQuery ได้อย่างไร

125 jquery  unchecked