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

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

14
jQuery callback สำหรับการโทร ajax หลายครั้ง
ฉันต้องการโทร ajax สามครั้งในเหตุการณ์คลิก การโทรของ ajax แต่ละครั้งจะดำเนินการที่แตกต่างกันและส่งกลับข้อมูลที่จำเป็นสำหรับการโทรกลับครั้งสุดท้าย การโทรกลับไม่ได้ขึ้นอยู่กับกันและกันพวกเขาสามารถไปพร้อมกันได้อย่างไรก็ตามฉันต้องการให้โทรกลับครั้งสุดท้ายเมื่อทั้งสามเสร็จสมบูรณ์ $('#button').click(function() { fun1(); fun2(); fun3(); //now do something else when the requests have done their 'success' callbacks. }); var fun1= (function() { $.ajax({/*code*/}); }); var fun2 = (function() { $.ajax({/*code*/}); }); var fun3 = (function() { $.ajax({/*code*/}); });
136 jquery  ajax  callback 

11
ไม่มีส่วนหัว 'Access-Control-Allow-Origin' บนทรัพยากรที่ร้องขอ ต้นกำเนิด '…' จึงไม่ได้รับอนุญาตให้เข้าถึง
ฉันใช้. htaccess เพื่อเขียน URL ใหม่และฉันใช้แท็กฐาน html เพื่อให้ใช้งานได้ ตอนนี้เมื่อฉันพยายามส่งคำขอ ajax ฉันได้รับข้อผิดพลาดต่อไปนี้: XMLHttpRequest ไม่สามารถโหลดhttp://www.example.com/login.phpได้ ไม่มีส่วนหัว 'Access-Control-Allow-Origin' บนทรัพยากรที่ร้องขอ Origin ' http://example.com' ไม่อนุญาตให้เข้าถึง

10
การแคช AJAX ที่ไม่คาดคิดส่งผลให้ IE8
ฉันมีปัญหาร้ายแรงกับผลลัพธ์การแคชของ Internet Explorer จากคำขอ JQuery Ajax ฉันมีส่วนหัวในหน้าเว็บของฉันที่ได้รับการอัปเดตทุกครั้งที่ผู้ใช้ไปที่หน้าใหม่ เมื่อโหลดหน้าเสร็จแล้วก็ทำเช่นนี้ $.get("/game/getpuzzleinfo", null, function(data, status) { var content = "<h1>Wikipedia Maze</h1>"; content += "<p class='endtopic'>Looking for <span><a title='Opens the topic you are looking for in a separate tab or window' href='" + data.EndTopicUrl + "' target='_blank'>" + data.EndTopic + "<a/></span></p>"; content += "<p …

6
รับตำแหน่งแฮช URL และใช้ใน jQuery
ฉันต้องการรับค่าหลังแฮชใน URL ของเพจปัจจุบันจากนั้นจึงสามารถใช้ค่านี้ในฟังก์ชันใหม่ ... เช่น URL อาจเป็น www.example.com/index.html#foo และฉันต้องการใช้สิ่งนี้ร่วมกับรหัสต่อไปนี้ $('ul#foo:first').show(); ฉันคิดว่า / หวังว่าจะมีวิธีการจับสิ่งนี้และเปลี่ยนเป็นตัวแปรที่ฉันสามารถใช้ในโค้ดชิ้นที่สองได้

5
jQuery: fire click () ก่อนเหตุการณ์เบลอ ()
ฉันมีช่องป้อนข้อมูลซึ่งฉันพยายามให้คำแนะนำในการเติมข้อความอัตโนมัติ รหัสดูเหมือน <input type="text" id="myinput"> <div id="myresults"></div> ในblur()เหตุการณ์ของอินพุตฉันต้องการซ่อนผลลัพธ์ 'div: $("#myinput").live('blur',function(){ $("#myresults").hide(); }); เมื่อฉันเขียนบางสิ่งลงในอินพุตของฉันฉันส่งคำขอไปยังเซิร์ฟเวอร์และได้รับการตอบสนอง json แยกวิเคราะห์เป็นโครงสร้าง ul-> li และใส่ ul นี้ไว้ใน#myresultsdiv ของฉัน เมื่อฉันคลิกไปที่องค์ประกอบ li ที่แยกวิเคราะห์นี้ฉันต้องการตั้งค่าจาก li เป็นอินพุตและซ่อน#myresultsdiv $("#myresults ul li").live('click',function(){ $("#myinput").val($(this).html()); $("#myresults").hide(); }); ทุกอย่างเป็นไปด้วยดี แต่เมื่อฉันคลิกไปที่blur()เหตุการณ์li ของฉันจะเริ่มทำงานก่อนclick()และค่าของอินพุตไม่ได้รับ html ของ li จะตั้งค่าclick()เหตุการณ์ก่อนได้blur()อย่างไร?
135 jquery  click  onblur 

9
jQuery: นับจำนวนองค์ประกอบรายการ?
ฉันมีรายการที่สร้างขึ้นจากโค้ดฝั่งเซิร์ฟเวอร์ก่อนที่จะเพิ่มสิ่งพิเศษลงไปด้วย jQuery ฉันต้องหาว่ามีกี่รายการอยู่แล้ว <ul id="mylist"> <li>Element 1</li> <li>Element 2</li> </ul>
135 jquery  html 

2
JQuery เพื่อโหลดไฟล์ Javascript แบบไดนามิก
ฉันมีไฟล์จาวาสคริปต์ขนาดใหญ่มากฉันต้องการโหลดเฉพาะเมื่อผู้ใช้คลิกที่ปุ่มใดปุ่มหนึ่ง ฉันใช้ jQuery เป็นกรอบงานของฉัน มีวิธีการหรือปลั๊กอินในตัวที่จะช่วยฉันทำสิ่งนี้หรือไม่? รายละเอียดเพิ่มเติม: ฉันมีปุ่ม "เพิ่มความคิดเห็น" ที่ควรโหลดไฟล์จาวาสคริปต์ TinyMCE (ฉันได้ต้มไฟล์ TinyMCE ทั้งหมดลงในไฟล์ JS ไฟล์เดียว) จากนั้นเรียก tinyMCE.init (... ) ฉันไม่ต้องการโหลดสิ่งนี้ในการโหลดหน้าเริ่มต้นเพราะไม่ใช่ทุกคนที่จะคลิก "เพิ่มความคิดเห็น" ฉันเข้าใจว่าฉันทำได้: $("#addComment").click(function(e) { document.write("<script...") }); แต่มีวิธีที่ดีกว่า / ห่อหุ้มหรือไม่?

17
วิธีตั้งค่าตัวเลือกแรกบนกล่องเลือกโดยใช้ jQuery
ฉันมี HTML สองselectกล่อง ฉันต้องการรีเซ็ตหนึ่งselectกล่องเมื่อฉันทำการเลือกในอีกกล่องหนึ่ง <select id="name" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> <select id="name2" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> เมื่อฉันเลือกตัวเลือกแรกselect(เช่นid="name") ฉันต้องรีเซ็ตตัวที่สองselectเป็นselect all; ในทำนองเดียวกันเมื่อผมเลือกตัวเลือกของที่สองselect(คือid="name2") ผมต้องรีเซ็ตแรกไปselectselect all ฉันจะทำเช่นนั้นได้อย่างไร?
135 javascript  jquery 

14
ปรับขนาดกล่องโต้ตอบ jQuery UI โดยอัตโนมัติตามความกว้างของเนื้อหาที่โหลดโดย ajax
ฉันมีปัญหาในการค้นหาข้อมูลและตัวอย่างที่เฉพาะเจาะจงเกี่ยวกับเรื่องนี้ ฉันมีกล่องโต้ตอบ jQuery UI จำนวนหนึ่งในแอปพลิเคชันของฉันที่แนบมากับ div ที่โหลดด้วยการเรียก. jQuery () พวกเขาทั้งหมดใช้การเรียกการตั้งค่าเดียวกัน: $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); ฉันแค่อยากให้กล่องโต้ตอบปรับขนาดตามความกว้างของเนื้อหาที่โหลดมา ตอนนี้ความกว้างจะอยู่ที่ 300px (ค่าเริ่มต้น) และฉันจะได้แถบเลื่อนแนวนอน เท่าที่ฉันสามารถบอกได้ว่า "autoResize" ไม่ใช่ตัวเลือกสำหรับกล่องโต้ตอบอีกต่อไปและจะไม่มีอะไรเกิดขึ้นเมื่อฉันระบุ ฉันพยายามที่จะไม่เขียนฟังก์ชันแยกกันสำหรับแต่ละกล่องโต้ตอบดังนั้นจึง.dialog("option", "width", "500")ไม่ใช่ตัวเลือกจริงๆเนื่องจากแต่ละกล่องโต้ตอบจะมีความกว้างต่างกัน การระบุwidth: 'auto'ตัวเลือกไดอะล็อกทำให้ไดอะล็อกใช้เวลาถึง 100% ของความกว้างของหน้าต่างเบราว์เซอร์ ตัวเลือกของฉันคืออะไร? ฉันใช้ jQuery 1.4.1 กับ jQuery UI 1.8rc1 ดูเหมือนว่านี่น่าจะเป็นอะไรที่ง่ายจริงๆ แก้ไข: ฉันได้ใช้วิธีแก้ปัญหาสำหรับสิ่งนี้แล้ว แต่ฉันยังคงมองหาวิธีแก้ปัญหาที่ดีกว่า

14
จะมี jQuery จำกัด ประเภทไฟล์ในการอัพโหลดได้อย่างไร?
ฉันต้องการให้ jQuery จำกัด ช่องอัพโหลดไฟล์ไว้ที่ jpg / jpeg, png และ gif เท่านั้น ฉันกำลังตรวจสอบแบ็กเอนด์ด้วยPHPอยู่แล้ว ฉันใช้ปุ่มส่งผ่านJavaScriptฟังก์ชั่นอยู่แล้วดังนั้นฉันเพียงแค่ต้องรู้วิธีตรวจสอบประเภทไฟล์ก่อนส่งหรือแจ้งเตือน

7
เหตุการณ์การเปลี่ยนแปลงกล่องข้อความ jQuery ไม่เริ่มทำงานจนกว่ากล่องข้อความจะสูญเสียโฟกัส?
ฉันพบว่าเหตุการณ์การเปลี่ยนแปลง jQuery บนกล่องข้อความไม่เริ่มทำงานจนกว่าฉันจะคลิกนอกกล่องข้อความ HTML: <input type="text" id="textbox" /> JS: $("#textbox").change(function() {alert("Change detected!");}); ดูการสาธิตเกี่ยวกับ JSFiddle แอปพลิเคชันของฉันต้องการให้เหตุการณ์เริ่มทำงานทุกครั้งที่มีการเปลี่ยนแปลงอักขระในกล่องข้อความ ฉันลองใช้คีย์อัพแทน ... $("#textbox").keyup(function() {alert("Keyup detected!");}); ... แต่เป็นที่ทราบกันดีอยู่แล้วว่าเหตุการณ์คีย์อัพไม่ได้เริ่มทำงานเมื่อคลิกขวาแล้ววาง วิธีแก้ปัญหาใด ๆ การมีผู้ฟังทั้งสองจะก่อให้เกิดปัญหาหรือไม่?
134 jquery  events  textbox 



30
ซ่อน Twitter Bootstrap nav ยุบเมื่อคลิก
นี่ไม่ใช่เมนูย่อยแบบเลื่อนลงหมวดหมู่คือคลาส li ดังในภาพ: เมื่อเลือกหมวดหมู่จากเมนูตอบสนอง (เทมเพลตเป็นเพียงหน้าเดียว) ฉันต้องการซ่อนการยุบการนำทางโดยอัตโนมัติเมื่อคลิก เดินเล่นเพื่อใช้เป็นการนำทางด้วยเนื่องจากเทมเพลตมีเพียงหน้าเดียว ฉันกำลังมองหาวิธีแก้ปัญหาที่ไม่มีผลต่อมันนี่คือโค้ด HTML ของเมนู: <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a …

11
ฉันจะเลื่อนไปยังตำแหน่งเฉพาะบนเพจโดยใช้ jquery ได้อย่างไร?
เป็นไปได้ไหมที่จะเลื่อนไปยังตำแหน่งเฉพาะบนเพจโดยใช้ jQuery? ตำแหน่งที่ฉันต้องการเลื่อนต้องมี: <a name="#123">here</a> หรือสามารถย้ายไปยังรหัส DOM เฉพาะได้หรือไม่

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