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

อะไรfnที่นี่หมายถึงอะไร? jQuery.fn.jquery

568 javascript  jquery 

ฉันกำลังทำงานผ่านบทช่วยสอนนี้: เริ่มต้นกับ jQuery สำหรับสองตัวอย่างด้านล่าง: $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); โปรดสังเกตในตัวอย่างแรกเราใช้$(this)เพื่อต่อท้ายข้อความบางส่วนภายในของแต่ละliองค์ประกอบ ในตัวอย่างที่สองเราใช้thisโดยตรงเมื่อรีเซ็ตฟอร์ม $(this)thisดูเหมือนว่าจะถูกนำมาใช้มากบ่อยกว่า ฉันเดาในตัวอย่างแรก$()คือการแปลงแต่ละliองค์ประกอบเป็นวัตถุ jQuery ซึ่งเข้าใจการappend()ทำงานในขณะที่ในตัวอย่างที่สองreset()สามารถเรียกได้โดยตรงบนแบบฟอร์ม โดยทั่วไปเราต้องการ$()ฟังก์ชั่นพิเศษ jQuery เท่านั้น ถูกต้องหรือไม่

567 javascript  jquery  this 

$(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="checkbox1"/><br /> <input type="text" id="textbox1"/> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ที่นี่.change()อัพเดตค่าช่องข้อความด้วยสถานะช่องทำเครื่องหมาย ฉันใช้.click()เพื่อยืนยันการกระทำที่ไม่เลือก หากผู้ใช้เลือกยกเลิกเครื่องหมายถูกจะคืนค่า แต่.change()ไฟก่อนที่จะยืนยัน สิ่งนี้จะทำให้สิ่งต่าง ๆ อยู่ในสถานะที่ไม่สอดคล้องกันและกล่องข้อความบอกว่าเป็นเท็จเมื่อมีการทำเครื่องหมายที่ช่องทำเครื่องหมาย ฉันจะจัดการกับการยกเลิกและรักษาค่าของกล่องข้อความให้สอดคล้องกับสถานะการตรวจสอบได้อย่างไร

564 javascript  jquery  event-handling 

ฉันมีปัญหาในการส่งไฟล์ไปยังสคริปต์ PHP ฝั่งเซิร์ฟเวอร์โดยใช้ ajax-function ของ jQuery เป็นไปได้ที่จะได้รับ File-List $('#fileinput').attr('files')แต่จะเป็นไปได้อย่างไรในการส่งข้อมูลนี้ไปยังเซิร์ฟเวอร์ อาร์เรย์ผลลัพธ์ ( $_POST) บนเซิร์ฟเวอร์ php-script คือ 0 ( NULL) เมื่อใช้ไฟล์ - อินพุต ฉันรู้ว่ามันเป็นไปได้ (แม้ว่าฉันจะไม่พบโซลูชัน jQuery ใด ๆ จนกระทั่งตอนนี้มีเพียงรหัส Prototye ( http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html ) ) ดูเหมือนว่าจะค่อนข้างใหม่ดังนั้นโปรดอย่าพูดถึงการอัปโหลดไฟล์จะเป็นไปไม่ได้ผ่าน XHR / Ajax เพราะมันใช้งานได้อย่างแน่นอน ฉันต้องการฟังก์ชั่นใน Safari 5, FF และ Chrome จะดี แต่ไม่จำเป็น รหัสของฉันตอนนี้คือ: $.ajax({ url: 'php/upload.php', data: …

563 jquery  ajax  file-upload  multipartform-data  form-data 

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา เนื่องจากเฟรมเวิร์ก JavaScript อย่าง jQuery ทำให้เว็บแอปพลิเคชั่นฝั่งไคลเอ็นต์สมบูรณ์ยิ่งขึ้นและทำงานได้มากขึ้นฉันเริ่มสังเกตเห็นปัญหาหนึ่ง ... คุณจัดการเรื่องนี้เป็นอย่างไรในโลก ใส่เครื่องมือจัดการทั้งหมดของคุณไว้ในที่เดียวและเขียนฟังก์ชั่นสำหรับกิจกรรมทั้งหมดได้หรือไม่ สร้างฟังก์ชั่น / คลาสเพื่อห่อฟังก์ชั่นทั้งหมดของคุณ? เขียนอย่างบ้าคลั่งและหวังว่ามันจะออกมาดีที่สุด? ยอมแพ้และรับอาชีพใหม่? ฉันพูดถึง jQuery แต่จริงๆแล้วรหัส JavaScript ใด ๆ โดยทั่วไป ฉันพบว่าเมื่อบรรทัดต่อบรรทัดเริ่มกองพะเนินมันก็ยากที่จะจัดการไฟล์สคริปต์หรือค้นหาสิ่งที่คุณกำลังมองหา อาจเป็นสัญลักษณ์ที่ยิ่งใหญ่ที่สุดที่ฉันเคยพบมีหลายวิธีในการทำสิ่งเดียวกันมันยากที่จะรู้ว่าอันไหนเป็นแนวทางปฏิบัติที่ดีที่สุดในปัจจุบันที่ยอมรับกันโดยทั่วไป มีคำแนะนำทั่วไปเกี่ยวกับวิธีที่ดีที่สุดในการรักษาไฟล์. jsของคุณให้สวยงามและเรียบร้อยเหมือนกับแอพพลิเคชั่นอื่น ๆ ของคุณหรือไม่? หรือนี่เป็นเพียงเรื่องของ IDE หรือไม่? มีตัวเลือกที่ดีกว่าอยู่ที่นั่นไหม? แก้ไข คำถามนี้มีวัตถุประสงค์เพื่อเพิ่มเติมเกี่ยวกับการจัดระเบียบโค้ดไม่ใช่การจัดระเบียบไฟล์ มีบางตัวอย่างที่ดีของการรวมไฟล์หรือแยกเนื้อหา คำถามของฉันคืออะไรวิธีปฏิบัติที่ดีที่สุดในปัจจุบันที่ยอมรับกันทั่วไปในการจัดระเบียบรหัสจริงของคุณคืออะไร? คุณมีวิธีอะไรหรือแม้กระทั่งวิธีที่แนะนำในการโต้ตอบกับองค์ประกอบของหน้าและสร้างโค้ดที่สามารถนำมาใช้ซ้ำได้ซึ่งไม่ขัดแย้งกัน บางคนมีการระบุnamespacesซึ่งเป็นความคิดที่ดี มีวิธีอื่นใดอีกที่เกี่ยวข้องกับองค์ประกอบต่างๆในหน้าเว็บและรักษารหัสให้เป็นระเบียบและเรียบร้อย?

561 javascript  jquery  design-patterns  architecture  formatting 

ในหน้าแรกของเว็บไซต์ที่ฉันกำลังสร้างหลายแห่ง<div>ใช้ CSS :hoverหลอกคลาสเพื่อเพิ่มเส้นขอบเมื่อเมาส์อยู่เหนือพวกเขา หนึ่งในนั้น<div>ประกอบด้วย a <form>ซึ่งใช้ jQuery จะเก็บขอบไว้หากอินพุตภายในนั้นมีโฟกัส มันทำงานได้อย่างสมบูรณ์ยกเว้นว่า IE6 ไม่รองรับ:hoverองค์ประกอบอื่นที่ไม่ใช่<a>s ดังนั้นสำหรับเบราว์เซอร์นี้เราเท่านั้นที่ใช้ jQuery เพื่อเลียนแบบ CSS :hoverโดยใช้$(#element).hover()เมธอด ปัญหาเดียวคือตอนนี้ที่ jQuery จัดการทั้งแบบฟอร์มfocus() และ hover()เมื่ออินพุตมีการโฟกัสผู้ใช้จะย้ายเมาส์เข้าและออกเส้นขอบจะหายไป ฉันคิดว่าเราสามารถใช้เงื่อนไขบางอย่างเพื่อหยุดพฤติกรรมนี้ ตัวอย่างเช่นหากเราทดสอบโดยใช้เมาส์หากอินพุตใด ๆ มีโฟกัสเราสามารถหยุดเส้นขอบไม่ให้หายไปได้ AFAIK ไม่มี:focusตัวเลือกใน jQuery ดังนั้นฉันไม่แน่ใจว่าจะทำให้สิ่งนี้เกิดขึ้นได้อย่างไร ความคิดใด ๆ

561 javascript  jquery  javascript-events  jquery-on 

ฉันใช้ Google Maps API (v3) เพื่อวาดแผนที่สองสามหน้า สิ่งหนึ่งที่ฉันต้องการทำคือปิดใช้งานการซูมเมื่อคุณเลื่อนล้อเลื่อนของเมาส์ไปบนแผนที่ แต่ฉันไม่แน่ใจว่าจะทำอย่างไร ฉันได้ปิดการใช้งาน scaleControl (เช่นลบองค์ประกอบ UI การปรับขนาด) แต่สิ่งนี้ไม่ได้ป้องกันการปรับสเกลล้อเลื่อน นี่เป็นส่วนหนึ่งของฟังก์ชั่นของฉัน (มันเป็นปลั๊กอิน jQuery แบบง่าย): $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as …

560 jquery  google-maps  google-maps-api-3  jquery-plugins 

คำตอบของคำถามนี้เป็นความพยายามของชุมชน แก้ไขคำตอบที่มีอยู่เพื่อปรับปรุงโพสต์นี้ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันต้องการดึงที่อยู่ IP ของลูกค้าโดยใช้ JavaScript ไม่มีรหัสฝั่งเซิร์ฟเวอร์หรือแม้แต่ SSI อย่างไรก็ตามฉันไม่ได้ใช้สคริปต์ / บริการของบุคคลที่สามฟรี

560 javascript  jquery  ip-address 

ฉันมีสองหน้าที่ เมื่อกด Enter ฟังก์ชันจะทำงานอย่างถูกต้อง แต่เมื่อกด Escape จะไม่ทำงาน หมายเลขหลบหนีที่ถูกต้องสำหรับกุญแจคืออะไร? $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) });

559 javascript  jquery 

ฉันมีแอพพลิเคชั่นขนาดใหญ่ jQuery และฉันใช้สองวิธีต่อไปนี้สำหรับการคลิกเหตุการณ์ วิธีแรก HTML <div id="myDiv">Some Content</div> jQuery $('#myDiv').click(function(){ //Some code }); วิธีที่สอง HTML <div id="myDiv" onClick="divFunction()">Some Content</div> การเรียกใช้ฟังก์ชัน JavaScript function divFunction(){ //Some code } ฉันใช้วิธีแรกหรือวิธีที่สองในแอปพลิเคชันของฉัน อันไหนดีกว่า? ดีกว่าสำหรับประสิทธิภาพ? และมาตรฐาน?

558 javascript  jquery  html  jquery-events 

คำชี้แจงปัญหานั้นง่าย ฉันต้องดูว่าผู้ใช้เลือกปุ่มตัวเลือกจากกลุ่มวิทยุหรือไม่ ปุ่มตัวเลือกทุกปุ่มในกลุ่มใช้รหัสเดียวกัน ปัญหาคือฉันไม่สามารถควบคุมวิธีสร้างแบบฟอร์มได้ นี่คือตัวอย่างรหัสที่ว่ารหัสควบคุมปุ่มมีลักษณะอย่างไร: <input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > นอกจากนี้เมื่อมีการเลือกปุ่มมันไม่ได้เพิ่ม "การตรวจสอบ" แอตทริบิวต์ไปยังตัวควบคุมข้อความเพียงการตรวจสอบ (ฉันเดาเพียงสถานที่ให้บริการการตรวจสอบโดยไม่ต้องมีค่า) ด้านล่างนี้เป็นลักษณะของตัวควบคุมวิทยุที่เลือก <input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > ใครช่วยฉันด้วยรหัส …

557 jquery  radio-button  siebel 

GET:$.get(..) POST:$.post().. เกี่ยวกับPUT/DELETEอะไร

555 jquery  httprequest  put 

Наэтотвопросестьответына Stack Overflow нарусском : JQuery поискобработчикасобытияобъекта ฉันต้องการค้นหาตัวจัดการเหตุการณ์ที่ลงทะเบียนกับวัตถุ ตัวอย่างเช่น: $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")ได้คลิกและลงทะเบียนmouseoverแล้ว มีฟังก์ชั่นเพื่อค้นหาสิ่งนั้นและอาจย้ำไปที่ตัวจัดการเหตุการณ์หรือไม่? ถ้ามันเป็นไปไม่ได้บนวัตถุ jQuery ด้วยวิธีการที่เหมาะสมมันเป็นไปได้ในวัตถุ DOM ธรรมดาหรือไม่?

555 jquery  events  dom 

ฉันกำลังโหลด<iframe>ในหน้า HTML ของฉันและพยายามเข้าถึงองค์ประกอบภายในโดยใช้ Javascript แต่เมื่อฉันพยายามรันโค้ดของฉันฉันได้รับข้อผิดพลาดต่อไปนี้: SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. คุณช่วยฉันหาวิธีแก้ปัญหาเพื่อให้ฉันสามารถเข้าถึงองค์ประกอบในเฟรมได้หรือไม่? ฉันใช้รหัสนี้สำหรับการทดสอบ แต่ในไร้สาระ: $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

555 javascript  jquery  security  iframe  same-origin-policy 

ฉันกำลังพัฒนาหน้าที่ดึงภาพจาก Flickr และ Panoramio ผ่านการสนับสนุน AJAX ของ jQuery ด้าน Flickr ทำงานได้ดี แต่เมื่อฉันลอง$.get(url, callback)จาก Panoramio ฉันเห็นข้อผิดพลาดในคอนโซลของ Chrome: XMLHttpRequest ไม่สามารถโหลดhttp://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150 Origin null ไม่ได้รับอนุญาตจาก Access-Control-Allow-Origin หากฉันค้นหา URL นั้นจากเบราว์เซอร์โดยตรงจะทำงานได้ดี เกิดอะไรขึ้นและฉันจะแก้ไขสิ่งนี้ได้อย่างไร ฉันเขียนข้อความค้นหาไม่ถูกต้องหรือนี่คือสิ่งที่ Panoramio ทำเพื่อขัดขวางสิ่งที่ฉันพยายามทำ Google ไม่ได้เปิดขึ้นตรงกับประโยชน์ใด ๆ เกี่ยวกับข้อผิดพลาด แก้ไข นี่คือตัวอย่างรหัสบางส่วนที่แสดงปัญหา: $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150'; $.get(url, function (jsonp) { var processImages = function …

550 javascript  jquery  xmlhttprequest  cors  jsonp