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

<div id="date">23/05/2013</div>ฉันต้องการที่จะจัดรูปแบบวันนี้: ก่อนอื่นฉันต้องการแยกสตริงที่แรก/และพักในบรรทัดถัดไป ถัดไปฉันต้องการล้อมรอบส่วนแรกใน<span>แท็กดังนี้: <div id="date"> <span>23</span> 05/2013</div> 23 05/2013 ฉันทำอะไรลงไป: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="date">23/05/2013</div> <script type="text/javascript"> $(document).ready(function() { $("#date").text().substring(0, 2) + '<br />'; }); </script> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ดูJSFiddle แต่มันไม่ทำงาน ใครช่วยฉันด้วย jQuery

167 javascript  jquery  date  split  substring 

มีวิธีการตรวจสอบว่าผู้ใช้ปัจจุบันใช้ iPad โดยใช้ jQuery / JavaScript หรือไม่?

167 javascript  jquery  ipad  browser-detection 

ฉันใช้jQuery UI การเติมข้อความอัตโนมัติ Plug-in มีวิธีการเน้นลำดับอักขระการค้นหาในผลลัพธ์แบบหล่นลงหรือไม่ ตัวอย่างเช่นถ้าฉันมี "foo bar" เป็นข้อมูลและฉันพิมพ์ "foo" ฉันจะได้รับ " foo bar" ในรายการแบบหล่นลงเช่นนี้

167 javascript  jquery  jquery-ui  jquery-ui-autocomplete 

ฉันมีหน้าเว็บที่มีกล่องข้อความจำนวนมาก เมื่อมีคนคลิกลิงค์ฉันต้องการแทรกคำหรือสองตำแหน่งที่เคอร์เซอร์อยู่หรือผนวกเข้ากับกล่องข้อความที่มีโฟกัส ตัวอย่างเช่นหากเคอร์เซอร์ / โฟกัสอยู่ในกล่องข้อความที่บอกว่า 'apple' และเขาคลิกลิงก์ที่บอกว่า '[อีเมล]' ดังนั้นฉันต้องการให้กล่องข้อความพูดว่า 'apple bob@example.com' ฉันจะทำสิ่งนี้ได้อย่างไร สิ่งนี้อาจเป็นไปได้เพราะจะเกิดอะไรขึ้นหากการโฟกัสอยู่บนองค์ประกอบของวิทยุ / ดรอปดาวน์ / ไม่ใช่กล่องข้อความ? สามารถจดจำกล่องข้อความที่เน้นข้อความล่าสุดได้หรือไม่?

167 javascript  jquery 

ฉันกำลังดู repo คอมไพล์สำหรับปลั๊กอิน jquery ฉันต้องการเปลี่ยนแปลงบางอย่างเพื่อใช้ในโครงการของฉันเอง แต่เมื่อฉันเปิด Repo ขึ้นมามันมีโครงสร้างที่ฉันไม่เคยเห็นมาก่อน ฉันไม่แน่ใจว่าไฟล์ใดที่จะใช้ / คัดลอกไปยังโครงการของฉันเอง มีโฟลเดอร์ "dist" และ "src" บริการเหล่านี้มีจุดประสงค์อะไร? นี่เป็นสิ่งที่เฉพาะเจาะจงสำหรับ gruntjs หรือปลั๊กอิน jquery หรือไม่? git repo ฉันอยากรู้เกี่ยวกับ: https://github.com/ducksboard/gridster.js

167 javascript  jquery  jquery-plugins  gruntjs 

ฉันได้เขียนโค้ดดังนี้: $.ajax({ cache: false, url: "/Admin/Contents/GetData", data: { accountID: AccountID }, success: function (data) { $('#CityID').html(data); }, error: function (ajaxContext) { alert(ajaxContext.responseText) } }); แต่เมื่อฉันดู.ajax()เอกสาร jQuery ในตอนท้ายดูเหมือนว่าฉันควรเขียนโค้ดแบบนี้ด้านล่างหรืออย่างน้อยก็แนะนำให้เพิ่ม a .done()และ a .fail(): var request = $.ajax({ cache: false, url: "/Admin/Contents/GetData", data: { accountID: AccountID } }); request.done(function (data) { xxx; }); …

167 jquery 

ฉันมีภาพที่จะมีขนาดค่อนข้างใหญ่และฉันต้องการลดขนาดลงด้วย jQuery ในขณะที่รักษาสัดส่วนที่ จำกัด ไว้เช่นอัตราส่วนภาพเดียวกัน ใครสามารถชี้ให้ฉันดูรหัสหรืออธิบายเหตุผลได้บ้าง

167 javascript  jquery  image  resize 

ฉันจะตั้งค่าดัชนีของดรอปดาวน์ใน jQuery ได้อย่างไรหากวิธีที่ฉันค้นหาการควบคุมมีดังนี้: $("*[id$='" + originalId + "']") ฉันทำเช่นนี้เพราะฉันสร้างการควบคุมแบบไดนามิกและเนื่องจากรหัสมีการเปลี่ยนแปลงเมื่อใช้แบบฟอร์มเว็บฉันพบว่านี่เป็นวิธีแก้ไขเพื่อหาตัวควบคุมบางอย่างให้ฉัน แต่เมื่อฉันมีวัตถุ jQuery ฉันไม่รู้วิธีตั้งค่าดัชนีที่เลือกเป็น 0 (ศูนย์)

165 jquery 

ฉันหวังที่จะสร้างตัวควบคุมที่ผู้ใช้สามารถคลิกภายใน div จากนั้นลากเมาส์แล้วปล่อยให้เมาส์เพื่อระบุระยะเวลาที่พวกเขาต้องการบางสิ่งบางอย่าง (นี่คือการควบคุมปฏิทินดังนั้นผู้ใช้จะแสดงความยาวในเวลาของเหตุการณ์บางอย่าง) ดูเหมือนว่าวิธีที่ดีที่สุดในการทำเช่นนี้ก็คือการลงทะเบียนเหตุการณ์ "mousedown" ใน div parent ซึ่งจะลงทะเบียนเหตุการณ์ "mousemove" บน div จนกระทั่งเหตุการณ์ "mouseup" ถูกเรียกใช้ เหตุการณ์ "mousedown" และ "mouseup" จะกำหนดการเริ่มต้นและสิ้นสุดของช่วงเวลาและเมื่อฉันติดตามเหตุการณ์ "mousemove" ฉันสามารถเปลี่ยนขนาดของช่วงแบบไดนามิกเพื่อให้ผู้ใช้สามารถเห็นสิ่งที่พวกเขากำลังทำอยู่ ฉันใช้วิธีนี้ในการสร้างกิจกรรมใน Google ปฏิทิน ปัญหาที่ฉันมีคือเหตุการณ์ jQuery ดูเหมือนว่าจะให้ข้อมูลพิกัดเมาส์ที่เชื่อถือได้เท่านั้นโดยอ้างอิงกับทั้งหน้า มีวิธีใดที่จะมองเห็นว่าพิกัดอ้างอิงกับองค์ประกอบหลักหรือไม่? แก้ไข: นี่คือภาพสิ่งที่ฉันพยายามทำ:

165 jquery  mouseevent 

ฉันต้องการที่จะมีทางเลือกให้กับช่องทำเครื่องหมายมาตรฐาน - โดยทั่วไปฉันต้องการใช้ภาพและเมื่อผู้ใช้คลิกที่ภาพมันจะหายไปและวางซ้อนกล่องกา โดยพื้นฐานแล้วฉันต้องการทำสิ่งที่ Recaptcha 2 ทำเมื่อมันทำให้คุณคลิกภาพที่ตรงตามเกณฑ์ที่กำหนด คุณสามารถดูตัวอย่างของ Recaptcha ได้ที่นี่แต่ในบางครั้งคุณอาจจะสามารถแก้ปัญหาข้อความได้ซึ่งต่างจากการเลือกรูปภาพ ดังนั้นนี่คือภาพหน้าจอ: เมื่อคุณคลิกที่ภาพใดรูปหนึ่ง (ในกรณีนี้มีรูปภาพของสเต็ก) รูปภาพที่คุณคลิกจะมีขนาดเล็กลงและมีเครื่องหมายสีน้ำเงินปรากฏขึ้นเพื่อระบุว่าคุณได้ทำเครื่องหมายไว้แล้ว สมมติว่าฉันต้องการทำซ้ำตัวอย่างที่แน่นอนนี้ ฉันรู้ว่าฉันมีช่องทำเครื่องหมายที่ซ่อนอยู่ 9 ช่องและแนบ jQuery บางอย่างเพื่อให้เมื่อฉันคลิกที่ภาพก็จะเลือก / ยกเลิกการเลือกช่องทำเครื่องหมายที่ซ่อนอยู่ แต่สิ่งที่เกี่ยวกับการหดตัวของภาพ / เห็บซ้อนทับ?

165 javascript  jquery  css  html 

ฉันจำเป็นต้องเรียกใช้งานคลิกเหตุการณ์เมื่อกดปุ่ม Enter มันเป็นในขณะที่เหตุการณ์ไม่ได้ถูกยิง โปรดช่วยฉันด้วยไวยากรณ์ถ้าเป็นไปได้ $(document).on("click", "input[name='butAssignProd']", function () { //all the action }); นี่คือความพยายามของฉันที่จะเริ่มกิจกรรมการคลิกที่ใส่ $("#txtSearchProdAssign").keydown(function (e) { if (e.keyCode == 13) { $('input[name = butAssignProd]').click(); } });

165 jquery  key-events 

คุณจะบอกได้อย่างไรว่าเบราว์เซอร์เติมข้อความอัตโนมัติหรือไม่ โดยเฉพาะอย่างยิ่งกับกล่องชื่อผู้ใช้และรหัสผ่านที่ป้อนอัตโนมัติเมื่อมีการโหลดหน้าเว็บ คำถามแรกของฉันคือสิ่งนี้เกิดขึ้นในลำดับการโหลดหน้า? ก่อนหรือหลังเอกสารเสร็จไหม ประการที่สองฉันจะใช้ตรรกะเพื่อค้นหาว่าสิ่งนี้เกิดขึ้นได้อย่างไร ไม่ใช่ว่าฉันต้องการที่จะหยุดสิ่งนี้ไม่ให้เกิดขึ้นเพียงขอเข้าร่วมในเหตุการณ์ โดยเฉพาะอย่างยิ่งสิ่งนี้: if (autoFilled == true) { } else { } ถ้าเป็นไปได้ฉันชอบที่จะเห็น jsfiddle แสดงคำตอบของคุณ ข้อมูลซ้ำที่เป็นไปได้ เหตุการณ์ DOM สำหรับป้อนรหัสผ่านเบราว์เซอร์อัตโนมัติหรือไม่ Autofill ของเบราว์เซอร์และ Javascript เรียกใช้เหตุการณ์ - ทั้งคำถามเหล่านี้ไม่ได้อธิบายสิ่งที่เรียกเหตุการณ์พวกเขาเพียงตรวจสอบกล่องข้อความอย่างต่อเนื่อง (ไม่ดีสำหรับประสิทธิภาพ!)

165 javascript  jquery  events  event-handling  autofill 

ในเรื่องนั้นเราจะได้ความกว้างทั้งหมดขององค์ประกอบรวมถึงเส้นขอบและช่องว่างภายในโดยใช้ jQuery ได้อย่างไร ฉันมีขนาด jQuery ปลั๊กอินและการทำงาน.width()ของฉัน760px-wide, ผลตอบแทน10px padding DIV760 บางทีฉันอาจจะทำสิ่งผิดปกติ แต่ถ้าองค์ประกอบของฉันปรากฏตัวในขณะที่780 pixels wideและ Firebug บอกฉันว่ามี10px paddingอยู่ในนั้น แต่โทร.width()เพียงให้ 760 ฉันจะกดยากที่จะดูว่า ขอบคุณสำหรับคำแนะนำใด ๆ

164 jquery  dimensions 

ฟังก์ชั่นนี้ใช้งานได้ดี มันเลื่อนร่างกายเพื่อชดเชยภาชนะที่ต้องการ function scrolear(destino){ var stop = $(destino).offset().top; var delay = 1000; $('body').animate({scrollTop: stop}, delay); return false; } แต่ไม่ใช่ใน Firefox ทำไม? -EDIT- เพื่อจัดการกับทริกเกอร์สองครั้งในคำตอบที่ยอมรับได้ฉันขอแนะนำให้หยุดองค์ประกอบก่อนภาพเคลื่อนไหว: $('body,html').stop(true,true).animate({scrollTop: stop}, delay);

164 jquery  firefox  scrolltop 

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

164 javascript  jquery  events