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

ฉันสามารถทำให้ป๊อปโอเวอร์ปรากฏขึ้นโดยใช้bootstrapได้ง่ายพอและฉันยังสามารถทำการตรวจสอบความถูกต้องโดยใช้ปลั๊กอินตรวจสอบความถูกต้อง jQueryมาตรฐานหรือเครื่องมือตรวจสอบความถูกต้อง jQueryแต่ฉันไม่สามารถหาวิธีป้อนข้อมูลลงในอีกรายการหนึ่งได้ ฉันคิดว่าสิ่งที่ฉันต้องการคือ hook ที่ถูกเรียกโดย validator เมื่อต้องการแสดงการแจ้งเตือนให้ปิดการส่งข้อความและองค์ประกอบเป้าหมายไปยัง popover ดูเหมือนว่าเป็นการฉีดยาแบบพึ่งพา ทุกอย่างดีในทางทฤษฎี แต่ฉันคิดไม่ออกว่าตะขอนั้นอยู่ที่ไหนหรือแม้ว่าจะมีอยู่ในเครื่องมือตรวจสอบความถูกต้องก็ตาม ทั้งคู่ดูเหมือนตั้งใจที่จะรับผิดชอบในการแสดงการแจ้งเตือนด้วยตัวเลือกที่ซับซ้อนทุกประเภทสำหรับการจัดวางการห่อหุ้มรูปแบบเมื่อสิ่งที่ฉันตามมาคือประเภทข้อผิดพลาด (ฉันไม่จำเป็นต้องใช้ข้อความ) และองค์ประกอบที่เกี่ยวข้อง ถึง. ฉันพบตะขอสำหรับทั้งแบบฟอร์มไม่ใช่การแจ้งเตือนแต่ละรายการ ฉันชอบระบบตรวจสอบความถูกต้องที่ใช้คลาสเพื่อกำหนดกฎมากกว่าเนื่องจากพวกเขาเล่นได้ดีกับรูปแบบที่สร้างขึ้นแบบไดนามิก ใครมีวิธีแก้ปัญหาหรือแนวคิดที่ดีกว่านี้

84 jquery  validation  twitter-bootstrap  popover 

ฉันต้องการตรวจสอบความถูกต้องของ URL และข้อความที่แสดง ด้านล่างนี้คือรหัสของฉัน: $("#pageUrl").keydown(function(){ $(".status").show(); var url = $("#pageUrl").val(); if(isValidURL(url)){ $.ajax({ type: "POST", url: "demo.php", data: "pageUrl="+ url, success: function(msg){ if(msg == 1 ){ $(".status").html('<img src="images/success.gif"/><span><strong>SiteID:</strong>12345678901234456</span>'); }else{ $(".status").html('<img src="images/failure.gif"/>'); } } }); }else{ $(".status").html('<img src="images/failure.gif"/>'); } }); function isValidURL(url){ var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/; if(RegExp.test(url)){ return true; }else{ return false; …

84 javascript  jquery  validation  url 

ฉันสงสัยเกี่ยวกับความแตกต่างระหว่าง Grep และ Filter: ตัวกรอง: ลดชุดขององค์ประกอบที่ตรงกันให้เป็นชุดที่ตรงกับตัวเลือกหรือผ่านการทดสอบฟังก์ชัน Grep: ค้นหาองค์ประกอบของอาร์เรย์ที่ตรงตามฟังก์ชันตัวกรอง อาร์เรย์เดิมไม่ได้รับผลกระทบ ตกลง. ดังนั้นถ้าฉันทำสิ่งนี้ใน GREP: var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ]; myNewArray= jQuery.grep(arr, function(n, i){ return (n != 5 && i > 4); }); ฉันสามารถทำได้: var arr = [ …

84 jquery  filter 

เป็นที่ยอมรับว่ามีคำถามคล้าย ๆ กันอยู่ใน Stack Overflow แต่ดูเหมือนว่าจะไม่มีอะไรตรงตามความต้องการของฉัน นี่คือสิ่งที่ฉันต้องการทำ: อัปโหลดรูปแบบข้อมูลทั้งหมดซึ่งเป็นไฟล์เดียว ทำงานกับไลบรารีการอัปโหลดไฟล์ของ Codeigniter จนถึงที่นี่ทุกอย่างเรียบร้อยดี ข้อมูลเข้าสู่ฐานข้อมูลของฉันตามที่ฉันต้องการ แต่ฉันต้องการส่งแบบฟอร์มของฉันผ่านทางโพสต์ AJAX: ใช้ HTML5 File API ดั้งเดิมไม่ใช่แฟลชหรือโซลูชัน iframe ควรเชื่อมต่อกับ.ajax()เมธอด jQuery ระดับต่ำ ฉันคิดว่าฉันสามารถจินตนาการได้ว่าจะทำอย่างไรโดยการอัปโหลดไฟล์อัตโนมัติเมื่อค่าของฟิลด์เปลี่ยนไปโดยใช้จาวาสคริปต์บริสุทธิ์ แต่ฉันควรทำทั้งหมดในครั้งเดียวเพื่อส่งใน jQuery ฉันคิดว่ามันเป็นไปไม่ได้ที่จะทำผ่านสตริงการสืบค้นเนื่องจากฉันต้องการส่งผ่านวัตถุไฟล์ทั้งหมด แต่ฉันหลงทางเล็กน้อยในสิ่งที่ต้องทำในตอนนี้ สามารถทำได้หรือไม่?

84 javascript  jquery  ajax  html  file-upload 

ฉันจะระบุรูปแบบวันที่ที่กำหนดเองเพื่อตรวจสอบความถูกต้องด้วยปลั๊กอินตรวจสอบความถูกต้องสำหรับ jQuery ได้อย่างไร

84 jquery  validation  datetime-format 

ฉันกำลังพัฒนาแอปพลิเคชั่นเริ่มระบบสปริงอย่างง่าย แต่เนื่องจากปัญหา GitHub ฉันสร้างไฟล์สตาร์ทแอปพลิเคชันใหม่โดยใช้ IntelliJ และติดตั้งโมดูลโหนดโดยใช้ข้อมูลการพึ่งพาไฟล์ของแอพพลิเคชั่นแพคเกจก่อนหน้า ถ้าฉันใช้แถบการนำทางที่ยุบ (แถบแฮมเบอร์เกอร์ -> navbars ตอบสนองซึ่งยุบในมุมมองอุปกรณ์เคลื่อนที่) และคลิกปุ่มแฮมเบอร์เกอร์เพื่อดูลิงก์ nav มันทำให้ฉันมีข้อผิดพลาดด้านล่าง แต่ทุกสิ่งเหล่านั้นเป็นไปด้วยดีในแอปพลิเคชันก่อนหน้า TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && …

27 javascript  jquery  reactjs  bootstrap-4 

ฉันกำลังพยายามปรับวิธีการบันทึกชุดรูปแบบที่ซ้อนอยู่ด้วยแบบฟอร์มหลักโดยใช้คุณสมบัติการจัดวางแบบ Django-Crispy-Forms แต่ฉันไม่สามารถบันทึกได้ ฉันกำลังดังต่อไปนี้โครงการตัวอย่างรหัส แต่อาจไม่ได้รับการตรวจสอบ formset ในการบันทึกข้อมูล ฉันจะขอบคุณจริงๆถ้ามีคนชี้ให้เห็นความผิดพลาดของฉัน ฉันต้องเพิ่ม inline สามรายการในมุมมองเดียวกันสำหรับ EmployeeForm ฉันลองใช้ Django-Extra-Views แต่ไม่สามารถทำงานได้ จะขอบคุณถ้าคุณให้คำแนะนำสำหรับการเพิ่มมากกว่าหนึ่ง inlines สำหรับมุมมองเช่นเดียวกับรอบ 5. ทั้งหมดที่ฉันต้องการที่จะประสบความสำเร็จที่หน้าเดียวสำหรับการสร้างEmployeeและ inlines Education, Experience, Othersเช่น ด้านล่างเป็นรหัส: รุ่น: class Employee(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='employees', null=True, blank=True) about = models.TextField() street = models.CharField(max_length=200) city = models.CharField(max_length=200) country = models.CharField(max_length=200) cell_phone = models.PositiveIntegerField() …

14 jquery  django  django-forms  inline-formset 

เมื่อฉันพิมพ์หมายเลขสุดท้ายในที่หมายเลขแรกไปภายในtext-box(มันจะหายไป) ก็เพิ่มหนึ่งพื้นที่พิเศษ หลังจากที่ฉันคลิกด้านนอกtext-boxมันดูดีซึ่งฉันต้องการระหว่างการพิมพ์ตัวอักษรตัวสุดท้าย #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); background-position: left bottom; background-size: 38px 1px; background-repeat: repeat-x; width: 220px; box-sizing: border-box; outline:none; } <input type="text" id="number_text" maxlength="6" pattern="\d{6}" value="1234" > เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ช่วยฉันออกจากปัญหานี้ ขอบคุณ

14 javascript  jquery  html  css 

ฉันได้รับการร้องเรียนจำนวนมากจากผู้ใช้ว่าเมื่อพวกเขาใช้แท็บที่ใช้ jQuery ของพวกเขาพวกเขาพบว่ามันน่ารำคาญที่เมื่อพวกเขากลับมาที่เบราว์เซอร์พวกเขาจะไม่ไปที่แท็บก่อนหน้านี้ . ฉันเพิ่มปุ่มก่อนหน้า / ถัดไปต่อไปนี้ แต่ไม่เพียงพอ ฉันจะกำหนดค่าปุ่มของฉันใหม่เพื่อให้ผู้ใช้ไปที่แท็บก่อนหน้าแทนที่จะเป็นหน้าก่อนหน้าเมื่อพวกเขาคลิกที่ลูกศรย้อนกลับของเบราว์เซอร์ คุณสามารถทดสอบได้ที่นี่ $('#quicktabs-registration_steps').append('<div class="prevnext"><a class="tablink-prev btn" href="#">Prev</a><a class="tablink-next btn btn-lg btn-primary" href="#">Continue</a></div>'); $('.tablink-prev').click(function () { var index = $('.quicktabs-tabs li.active').index(); $('.quicktabs-tabs li').eq(index).removeClass('active'); if (index == 0) { index = 1; } $('.quicktabs-tabs li').eq(index - 1).addClass('active'); $('.quicktabs-tabs li').eq(index - 1).find('a').click(); return false; }); …

14 javascript  jquery 

ความต้องการของฉันคือวิธีการตรวจสอบการแจ้งเตือนระดับอุปกรณ์เปิด / ปิดในอุปกรณ์ Android โดยใช้ javascript (อย่าใช้ปลั๊กอินชนิดใด ๆ เท่านั้นคุณสามารถใช้ปลั๊กอินได้หากปลั๊กอินนี้สนับสนุนแอปพลิเคชัน PWA) ตามถ้าปิดการแจ้งเตือนฉันต้องแสดงป๊อปอัพให้กับผู้ใช้โปรดเปิดใช้งานคุณสมบัติการแจ้งเตือนที่คุณจะได้รับการแจ้งเตือน คำตอบด้านล่างมีไว้สำหรับการแจ้งเตือนระดับเบราว์เซอร์นักสืบเท่านั้น หากใครรู้โปรดให้คำตอบที่ถูกต้องกับฉันว่าจะทำอย่างไร เพราะฉันหยุดอยู่ตรงนั้น โปรดตรวจสอบภาพที่นี่ผู้ใช้เปิดใช้งานหนึ่งครั้งหากผู้ใช้ปิดการใช้งานแล้วฉันไม่สามารถส่งการแจ้งเตือน

12 javascript  jquery  push-notification  progressive-web-apps  polymer-3.x 

ฉันใช้กริดที่ลื่นไหลด้วยรูปแบบการเลือกที่กำหนดเองรวมถึงปลั๊กอินการเลือกช่องทำเครื่องหมายที่กำหนดเอง ฉันได้เพิ่มช่องทำเครื่องหมายระดับกลุ่มเพื่ออนุญาตให้สลับการเลือกที่ระดับบนสุด หนึ่งในความต้องการของฉันคือการจัดกลุ่มที่ถูกยุบยังคงสามารถเลือกได้ผ่านช่องทำเครื่องหมายการจัดกลุ่มระดับผู้ปกครอง บล็อกที่สะดุดของฉันดูเหมือนว่าฉันไม่สามารถเข้าใจวิธีเลือกแถวที่ไม่ปรากฏในกลุ่มในขณะนี้ เส้นตารางเรียบนั้นจะรักษาชุดของรายการที่เลือกทางสายตาในขณะที่มุมมองข้อมูลกริดเก็บชุดของรายการที่เลือกไว้เต็มรูปแบบให้มองเห็นหรือไม่ อย่างไรก็ตามฉันไม่สามารถหาวิธีการไพพ์ลงในข้อมูลได้เมื่อคลิกที่ช่องทำเครื่องหมายกลุ่มของแถวที่ยุบ ฉันกำลังกำหนดค่ากริดเช่น: let checkboxSelectionModel = new Slick.CheckboxSelectionModel(); this.grid.setSelectionModel(checkboxSelectionModel); this.grid.registerPlugin(new Slick.Data.GroupItemMetadataProvider()); let onSelectedRowIdsChanged = this.dataProvider.syncGridSelection(this.grid, true, true); onSelectedRowIdsChanged.subscribe( function(e: any, args: any) { //business logic stuff } ); let groupedCheckboxSelector = new Slick.GroupedCheckboxSelectColumn({ cssClass: "slick-cell-checkboxsel", onSelectedRowIdsChangedHandler: onSelectedRowIdsChanged }); let columns = this.grid.getColumns(); columns.unshift(groupedCheckboxSelector.getColumnDefinition()); this.grid.setColumns(columns); this.grid.registerPlugin(groupedCheckboxSelector); ส่วนสำคัญไปยังปลั๊กอินที่กำหนดเองนานเกินไปที่จะรวมไว้ที่นี่ …

10 javascript  jquery  typescript  slickgrid 

ในร้านอีคอมเมิร์ซ: มีรายการที่ปรากฏในโฮมเพจและแต่ละรายการมีปุ่ม "เพิ่มลงในรถเข็น" ใต้รายการเหล่านั้น เมื่อคลิกปุ่มนี้รายการจะถูกเพิ่มลงในรถเข็น ถ้าปุ่มนี้มีการคลิกอีกครั้งจำนวนของรายการที่มีอยู่แล้วในรถเข็นสินค้าที่จะเพิ่มขึ้นโดย 1. ผมเชื่อว่านี่เป็นห่วง จนถึงตอนนี้ดีมาก ในหน้าผลิตภัณฑ์เดียวมีปุ่ม "ใส่ในรถเข็น" เมื่อคลิกปุ่มนี้รายการจะถูกเพิ่มลงในรถเข็น มีช่องป้อนข้อความ Quantity เช่นกันซึ่งสามารถใช้เปลี่ยนปริมาณได้ นี่ก็ใช้ได้เช่นกัน ปัญหา: ฉันต้องแยกความแตกต่างระหว่างปุ่ม "เพิ่มลงในรถเข็น" ที่ถูกคลิกภายในลูป (ขณะนี้อยู่ในโฮมเพจ แต่ยังสามารถใช้กับหน้าอื่นเช่นหน้าเก็บถาวรเป็นต้น) เทียบกับปุ่ม "เพิ่มลงในรถเข็น" ที่ถูกคลิก บนหน้าผลิตภัณฑ์เดียว จากความแตกต่างนี้นี่คือสิ่งที่ฉันต้องทำ: หากมีการคลิกปุ่ม "เพิ่มลงในรถเข็น" ที่ปรากฏในลูปให้คว้าจำนวนของรายการนี้ที่มีอยู่แล้วในรถเข็นโดยใช้ $cart_item_keyเพิ่มขึ้นทีละ 1 และส่งไปยังฟังก์ชันที่กำหนดเองซึ่งจะทำการประมวลผลเพิ่มเติมและบันทึกรายละเอียด ที่จะซื้ออีกครั้ง หากคลิกปุ่ม "เพิ่มลงในรถเข็น" ที่ปรากฏในหน้าผลิตภัณฑ์เดียวคว้าจำนวนของรายการนี้ที่มีอยู่แล้วในรถเข็นโดยใช้ $cart_item_keyคูณด้วย 3 แล้วส่งไปยังฟังก์ชันที่กำหนดเองซึ่งจะทำการประมวลผลเพิ่มเติมและบันทึก รายละเอียดที่จะซื้ออีกครั้ง ในทั้งสองกรณีข้างต้นปริมาณมีการเปลี่ยนแปลงขึ้นอยู่กับ logics ที่แตกต่างกันและปริมาณนี้จะต้องถูกส่งไปยังการเรียกใช้ฟังก์ชั่นที่กำหนดเอง ฉันลองอะไร: ฉันลองรหัสต่อไปนี้: add_action('woocommerce_add_to_cart', 'custom_action_add_to_cart', 20, 6); …

10 javascript  php  jquery  wordpress  woocommerce 

ฉันมีตัวกรอง AJAX ที่กำหนดไว้อย่างดีในสองส่วนส่วนหนึ่งสำหรับปุ่มโหลดเพิ่มและอีกหนึ่งตัวเลือกสำหรับตัวกรองแบบหล่นลง ทั้งสองโหลดรายการของคุณสมบัติบน front-end ใน AJAX และทำงานร่วมกันอย่างพร้อมเพรียง (เช่นถ้าฉันเลือกราคาต่ำสุดราคาสูงสุดและจำนวนเตียงในรายการแบบเลื่อนลงรีเฟรชรายการและปุ่มโหลดจะทำงานตามที่ควร) . ตัวกรองเดียวกันยังทำงานกับพารามิเตอร์ URL ตัวอย่างเช่นหาก URL เป็น: mydomain.com/?min_price=100000&max_price=5000000&beds=3&page=3 มันจะกรองตามพารามิเตอร์เหล่านั้น มันยังแสดงคุณสมบัติที่มีมูลค่า 3 หน้าอย่างที่ควรจะเป็น วิธีนี้ใช้งานได้ดีรวมถึงการโหลดครั้งแรก อย่างไรก็ตามมันจะไม่ทำงานกับการแบ่งหน้าถ้าโหลด URL โดยตรง หากฉันป้อน URL ข้างต้นลงในเบราว์เซอร์โดยตรงและโหลดผลลัพธ์เริ่มต้นนั้นถูกต้อง แต่เมื่อคลิกปุ่มโหลดเพิ่มเติมระบบจะเปลี่ยนหน้า = 3 เป็นหน้า = 4 (ถูกต้อง) แต่จะผนวกหน้าสองของคุณสมบัติที่เสร็จสมบูรณ์โดยไม่มีการกรอง และยังคงทำเช่นนั้น - แทนที่จะดำเนินการแบ่งหน้ากรอง ผมทำอะไรผิดหรือเปล่า? นี่คือรหัสของฉัน (ขออภัยมันมาก!) JS: jQuery(function($){ // AJAX Stuff for filters + load …

9 php  jquery  ajax  wordpress 

ผมได้ทำเสื้อคลุมที่ฉันได้เคลื่อนไหวผลเช่นเดียวกับแอปเปิ้ลในAirpods Pro หน้าของพวกเขา เป็นวิดีโอเมื่อฉันเลื่อนดูวิดีโอเล่นทีละนิด ตำแหน่งของวิดีโอได้รับการแก้ไขเพื่อให้ข้อความเลื่อนไปทางเหนือ อย่างไรก็ตามข้อความจะมองเห็นได้เฉพาะเมื่อระหว่างออฟเซ็ตของส่วนเฉพาะ (text-display) ส่วนนั้นทำงานได้ดี ตอนนี้ฉันต้องการที่เมื่อผู้ใช้เลื่อนไปที่จุดสิ้นสุดของวิดีโอและทำให้การเคลื่อนไหวเสร็จสิ้นแล้ววิดีโอเอฟเฟ็กต์แรปเปอร์จะเปลี่ยนจากตำแหน่งคงที่ไปยังตำแหน่งสัมพัทธ์ ดังนั้นเว็บไซต์ที่จะเลื่อนเนื้อหาของมันตามปกติหลังจากที่วิดีโอภาพเคลื่อนไหว JSFIDDLE CODE + DEMO นี่คือตัวอย่างของสิ่งที่ฉันได้ลองไปแล้ว: //If video-animation ended: Make position of video-wrapper relative to continue scrolling if ($(window).scrollTop() >= $("#video-effect-wrapper").height()) { $(video).css("position", "relative"); $("#video-effect-wrapper .text").css("display", "none"); } งานประเภทนี้ ... แต่ทุกอย่างก็ราบรื่นยกเว้น และมันก็จำเป็นที่จะต้องย้อนกลับเลื่อนหน้าเว็บไปข้างหลัง ปัญหาที่ฉันพบเมื่อพยายามแก้ไขปัญหานี้: การเลื่อนและการเปลี่ยนจากความต้องการคงที่ไปเป็นความรู้สึกที่เป็นธรรมชาติและราบรื่น เสื้อคลุมตัวเองไม่ได้รับการแก้ไขและมีองค์ประกอบ. text วิดีโอได้รับการแก้ไขเพื่อให้องค์ประกอบ. text สามารถข้ามองค์ประกอบวิดีโอ (การสร้างเอฟเฟกต์) องค์ประกอบ. …

9 javascript  jquery  html  css 

ฉันมีปัญหากับมาร์กเกอร์ฉันต้องการให้เครื่องหมายยืดออกได้เพื่อทำเครื่องหมายที่ใดก็ได้บนแถบความคืบหน้า ดังแสดงในรูปด้านล่าง GIF คำถาม:ฉันต้องการเลือกจุดใดก็ได้บนแถบความคืบหน้าและสามารถยืดเครื่องหมายซึ่งสามารถเป็นได้หลายจุด ฉันไม่ทราบวิธีการใช้โค้ดด้านล่าง: var player = videojs('demo'); player.markers({ markerStyle: { 'width':'9px', 'border-radius': '40%', 'background-color': 'orange' }, markerTip:{ display: true, text: function(marker) { return "I am a marker tip: "+ marker.text; } }, breakOverlay:{ display: true, displayTime: 4, style:{ 'width':'100%', 'height': '30%', 'background-color': 'rgba(10,10,10,0.6)', 'color': 'white', 'font-size': '16px' }, …

9 javascript  jquery  html  video.js