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

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

135 javascript  jquery  jquery-plugins  tinymce  lazy-loading 

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

127 javascript  jquery  jquery-plugins  contextmenu  right-click 

ฉันเห็นสิ่งนี้ในปลั๊กอิน: var options = $.extend(defaults, options); มันทำงานอย่างไร? อะไรextend()ทำอย่างไร

119 jquery  jquery-plugins 

แก้ไข (ต.ค. 2019):6 ปีต่อมาและการอัปโหลดไฟล์ jQuery ยังคงทำให้ผู้คนคลั่งไคล้ หากคุณพบคำตอบเพียงเล็กน้อยที่นี่ลองค้นหา NPMสำหรับทางเลือกที่ทันสมัย ไม่คุ้มกับความยุ่งยากฉันสัญญา ฉันแนะนำให้อัปโหลดในการแก้ไขครั้งก่อน แต่ตามที่ผู้แสดงความคิดเห็นชี้ให้เห็นว่าพวกเขาไม่ได้เสนอเวอร์ชันฟรีอีกต่อไป Uploadify เป็นดังนั้น 2013 อยู่แล้ว แก้ไข:ดูเหมือนว่าจะยังคงมีปริมาณการใช้งานอยู่ดังนั้นฉันจะอธิบายสิ่งที่ฉันทำ ในที่สุดฉันก็ทำให้ปลั๊กอินทำงานได้โดยทำตามบทช่วยสอนในคำตอบที่ยอมรับ อย่างไรก็ตาม jQuery อัพโหลดไฟล์เป็นจริงยุ่งยากและถ้าคุณกำลังมองหาปลั๊กอินอัปโหลดไฟล์ง่ายฉันอยากจะแนะนำUploadify ตามคำตอบที่ชี้ให้เห็นว่าฟรีสำหรับการใช้งานที่ไม่ใช่เชิงพาณิชย์เท่านั้น พื้นหลัง ฉันพยายามใช้jQuery File Uploadของ blueimp เพื่อให้ผู้ใช้อัพโหลดไฟล์ได้ มันทำงานได้อย่างสมบูรณ์แบบทันทีโดยทำตามคำแนะนำในการตั้งค่า แต่เพื่อใช้งานได้จริงบนเว็บไซต์ของฉันฉันต้องการที่จะสามารถทำสองสิ่ง: รวมผู้อัปโหลดไว้ในหน้าเว็บที่มีอยู่ของฉัน เปลี่ยนไดเร็กทอรีสำหรับไฟล์ที่อัปโหลด ไฟล์ทั้งหมดสำหรับปลั๊กอินจะอยู่ในโฟลเดอร์ใต้รูท ฉันพยายามแล้ว... การย้ายเพจสาธิตไปยังรูทและอัพเดตพา ธ สำหรับสคริปต์ที่จำเป็น เปลี่ยน 'upload_dir' และ 'upload_url' ตัวเลือกในแฟ้ม UploadHandler.php เป็นข้อเสนอแนะที่นี่ การเปลี่ยน URL ในบรรทัดที่สองของจาวาสคริปต์สาธิต ในทุกกรณีการแสดงภาพตัวอย่างและแถบความคืบหน้าการทำงาน Uncaught TypeError: Cannot …

118 jquery  file-upload  jquery-plugins  jquery-file-upload 

นี่คือเอฟเฟกต์ที่ฉันพยายามทำด้วยม้าหมุน Bootstrap 3 แทนที่จะแสดงทีละเฟรม แต่จะแสดง N เฟรมแบบสไลด์ข้างกัน จากนั้นเมื่อคุณเลื่อน (หรือเมื่อสไลด์อัตโนมัติ) ระบบจะเลื่อนกลุ่มของสไลด์เช่นเดียวกับที่ทำ สามารถทำได้ด้วยม้าหมุนของ bootstrap 3 หรือไม่? ฉันหวังว่าฉันจะไม่ต้องไปตามล่าหาปลั๊กอิน jQuery อื่น ...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

ฉันมี div สไลด์โชว์และฉันมีฟิลด์ datepicker เหนือ div นั้น เมื่อฉันคลิกในช่อง datepicker พาเนล datepicker จะแสดงด้านหลัง div สไลด์โชว์ และฉันได้วางสคริปต์เป็น: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js ดังนั้นฉันจึงไม่สามารถเปลี่ยน z-index ของ datepicker ใน CSS ได้ z-index ของ datepicker ที่สคริปต์สร้างคือ 1 และสไลด์โชว์ div ของฉัน (เรียกผ่าน googleajaxapi ด้วย) z-index คือ 5 ดังนั้นฉันเดาว่าฉันต้องเพิ่ม z-index ของตัวเลือกวันที่มากกว่า 5 จึงมี วิธีใดที่จะเพิ่มได้? ใครสามารถช่วยฉัน?

106 jquery  jquery-plugins  uidatepicker 

ฉันใช้ jQuery Validate Plugin ที่ยอดเยี่ยมเพื่อตรวจสอบบางรูปแบบ ในรูปแบบหนึ่งฉันต้องตรวจสอบให้แน่ใจว่าผู้ใช้กรอกข้อมูลในกลุ่มฟิลด์อย่างน้อยหนึ่งกลุ่ม ฉันคิดว่าฉันมีทางออกที่ดีทีเดียวและอยากจะแบ่งปัน โปรดแนะนำการปรับปรุงที่คุณคิดได้ ฉันค้นหาวิธีการตรวจสอบความถูกต้องแบบกำหนดเองของ Rebecca Murpheyซึ่งมีประโยชน์มาก ฉันปรับปรุงสิ่งนี้ในสามวิธี: เพื่อให้คุณผ่านตัวเลือกสำหรับกลุ่มเขตข้อมูล เพื่อให้คุณระบุจำนวนกลุ่มที่ต้องกรอกเพื่อตรวจสอบความถูกต้องจึงจะผ่านได้ เพื่อแสดงอินพุตทั้งหมดในกลุ่มว่าผ่านการตรวจสอบความถูกต้องทันทีที่หนึ่งในนั้นผ่านการตรวจสอบความถูกต้อง (ดูการตะโกนถึงNick Craverในตอนท้าย) ดังนั้นคุณสามารถพูดได้ว่า"อย่างน้อยต้องใส่ X อินพุตที่ตรงกับตัวเลือก Y" ผลลัพธ์สุดท้ายด้วยมาร์กอัปดังนี้: <input class="productinfo" name="partnumber"> <input class="productinfo" name="description"> ... เป็นกลุ่มของกฎดังนี้: // Both these inputs input will validate if // at least 1 input with class 'productinfo' is filled partnumber: { …

98 jquery  validation  jquery-plugins  jquery-validate 

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

96 jquery  jquery-plugins  fancybox 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันเพิ่งค้นพบปลั๊กอินMasonryและIsotope JQuery ดูเหมือนว่าจะมีลักษณะการทำงานเกือบจะเหมือนกันและทั้งสองดูเหมือนจะมีผู้แต่งคนเดียวกัน ข้อแตกต่างที่ชัดเจนเพียงอย่างเดียวที่ฉันเห็นคือใบอนุญาต อะไรคือความแตกต่างหลักระหว่างสองสิ่งนี้ในแง่ของฟังก์ชันการทำงาน? ทำไมคุณถึงใช้อันอื่น?

95 javascript  jquery  jquery-plugins  jquery-masonry  jquery-isotope 

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

93 javascript  jquery  jquery-plugins  google-visualization 

ไซต์ jQuery แสดงรายการไวยากรณ์ปลั๊กอินพื้นฐานสำหรับ jQuery ดังนี้: (function( $ ){ $.fn.myPlugin = function() { // there's no need to do $(this) because // "this" is already a jquery object // $(this) would be the same as $($('#element')); this.fadeIn('normal', function(){ // the this keyword is a DOM element }); }; })( jQuery ); …

89 javascript  jquery  jquery-plugins 

ฉันใช้ jQuery Fullcalendarและหากคุณไม่ได้ใช้ฉันขอแนะนำให้คุณทำเช่นกันเพราะมันยอดเยี่ยมมากในสิ่งที่มันทำ! อย่างไรก็ตามเพื่อเป็นประโยชน์กับฉันและโครงการของฉันจริงๆ (และอื่น ๆ อีกมากมาย ) ผมเชื่อว่ามันต้องการทรัพยากรมุมมอง / Gannt ไม่ใช่ปัญหาใครจะคิด ... จนกว่าคุณจะมองภายใต้ฝากระโปรงของ jQuery FullCalendar และเห็นว่าวิธีสร้างมุมมองนั้นไม่ได้มีไว้สำหรับนักพัฒนาจาวาสคริปต์ wannabes ... คือฉัน เมื่อรู้ว่าสิ่งนี้ไม่อยู่ในลีกของฉันฉันต้องไปค้นหาที่อื่นเพื่อมองหาปฏิทิน / ตัวกำหนดตารางเวลาที่จะให้มุมมองทรัพยากร นี่คือปฏิทินที่เป็นกรรมสิทธิ์สามรายการที่รับประกันคุณลักษณะนี้ http://java.daypilot.org/ http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view น่าเสียดายที่ทั้งdaypilotและdhtmlxschedulerไม่มีอินเทอร์เฟซที่ชัดเจนและชัดเจนซึ่ง FullCalendar ทำได้ดีมากและweb2calก็ดูและรู้สึกยังไม่เสร็จและยังอยู่ในเบต้า อีกทางเลือกหนึ่งที่ฉันสงสัยว่าใครมีความคิดเกี่ยวกับวิธีที่ฉันสามารถรวมแผนภูมิ jQuery Gannt กับ jquery fullcalendar ฉันพบโครงการสองสามโครงการที่มีแนวโน้มดี http://www.maro-z.com/examples/jquery.gantt/ http://code.google.com/p/jquery-gantt/ http://github.com/thegrubbsian/jquery.ganttView ฉันได้ตรวจสอบแล้วว่า fullcalendar สร้างมุมมองได้อย่างไรและจนถึงขณะนี้ยังไม่ประสบความสำเร็จในการขยายสิ่งนี้เพื่อจัดเตรียมคอนเทนเนอร์สำหรับหนึ่งในแผนภูมิ gannt เหล่านี้เพื่อ 'นั่งภายใน' แบบเต็มปฏิทินและถูกเรียกใช้โดยปุ่มของมัน นี่ดูเหมือนจะเป็นหนึ่งในคำขอฟีเจอร์ที่ได้รับความนิยมมากขึ้นซึ่งมีหลายคนถามหาในเครื่องมือติดตามปัญหาอย่างเป็นทางการ http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars ดังนั้นฉันจึงถูกทิ้งไว้ที่ทางแยก …

89 javascript  jquery  jquery-plugins  calendar  fullcalendar