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

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

1
jQuery เวอร์ชัน 1 เวอร์ชัน 2 และเวอร์ชัน 3 แตกต่างกันอย่างไร [ปิด]
ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันเพิ่งสะดุดกับการwebchart.jsออกแบบเพจโดยใช้ jQuery เวอร์ชัน 2 และฉันใช้ jQuery เวอร์ชัน 1 เพื่อให้รหัสใช้งานได้ให้ใช้ตอนนี้เป็นเวอร์ชันล่าสุดจากนั้นฉันตรวจสอบการสนับสนุนหลักของ jQuery และมีการเผยแพร่ jQuery 3 ตอนนี้ฉันกำลังคิดว่าจะใช้เวอร์ชัน 3 แต่ฉันกำลังมองหาว่าเวอร์ชัน 3 มีปัญหาความเข้ากันได้หรือไม่ซึ่งอาจใช้กับอุปกรณ์บางอย่างเท่านั้น
114 javascript  jquery 

10
ใช้คำสั่ง if เพื่อตรวจสอบว่า div ว่างเปล่าหรือไม่
ฉันกำลังพยายามลบ div เฉพาะหาก div แยกว่างเปล่า นี่คือสิ่งที่ฉันใช้: $(document).ready(function () { if ('#leftmenu:empty') { $('#menuTitleWrapper').remove(); $('#middlemenu').css({ 'right': '0', 'position': 'absolute' }); $('#PageContent').css({ 'top': '30px', 'position': 'relative' }); } }); ฉันคิดว่านี่ใกล้แล้ว แต่ฉันคิดไม่ออกว่าจะเขียนโค้ดเพื่อทดสอบ #leftmenu ได้อย่างไร ขอความช่วยเหลือใด ๆ !
114 jquery 


18
ฉันจะทำให้ Bootstrap popovers มีชีวิตอยู่ได้อย่างไรในขณะที่ถูกโฉบ
ฉันใช้ Bootstrap popover เพื่อสร้างการ์ดโฮเวอร์ที่แสดงข้อมูลผู้ใช้และฉันกำลังเรียกใช้มันเมื่อวางเมาส์เหนือปุ่ม ฉันต้องการให้ป๊อปโอเวอร์นี้มีชีวิตอยู่ในขณะที่ป๊อปโอเวอร์นั้นถูกวางไว้ แต่มันจะหายไปทันทีที่ผู้ใช้หยุดวางเมาส์เหนือปุ่ม ฉันจะทำเช่นนี้ได้อย่างไร? $('#example').popover({ html : true, trigger : 'manual', content : function() { return '<div class="box">Popover</div>'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> <a href="#" id="example" class="btn btn-danger" rel="popover" >hover for …

15
jQuery Click เริ่มทำงานสองครั้งเมื่อคลิกที่ป้ายกำกับ
ฉันใช้ jQuery เพื่อสร้างปุ่มตัวเลือกที่กำหนดเองและฉันมีปัญหา เมื่อคลิกที่ป้ายกำกับที่เกี่ยวข้องกับวิทยุเหตุการณ์การคลิกจะเริ่มขึ้นสองครั้งหากฉันคลิกเฉพาะบนตัววิทยุเท่านั้นมันก็ใช้งานได้ดี (อันที่จริงมันไม่ใช่วิทยุที่ฉันกำลังคลิก แต่เป็น div ที่รวมอินพุตและป้ายกำกับทั้งหมด) นี่คือรหัส: HTML: <div id="box"> <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem>RADIO1</asp:ListItem> <asp:ListItem>RADIO2</asp:ListItem> <asp:ListItem>RADIO3</asp:ListItem> </asp:RadioButtonList> </div> jQuery: <script type="text/javascript"> $(function () { $('#box').find('input:radio').each(function (i) { var input = $(this); // get the associated label using the input's id var label = $('label[for=' + input.attr('id') + ']'); …
114 jquery 

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

5
การแก้ไขสตริงแบบสอบถามโดยไม่ต้องโหลดหน้าซ้ำ
ฉันกำลังสร้างแกลเลอรีรูปภาพและต้องการที่จะเปลี่ยนสตริงการสืบค้นและชื่อเรื่องเมื่อมีการเรียกดูรูปภาพ พฤติกรรมที่ฉันกำลังมองหามักจะเห็นได้จากการใช้งานเพจต่อเนื่อง / ไม่มีที่สิ้นสุดโดยที่ในขณะที่คุณเลื่อนสตริงการค้นหาลงจะเพิ่มหมายเลขหน้า ( http://x.com?page=4 ) เป็นต้นซึ่งควรจะเป็น ตามหลักทฤษฎี แต่ฉันต้องการสิ่งที่ปลอดภัยในเบราว์เซอร์หลัก ๆ ฉันพบโพสต์ที่ยอดเยี่ยมนี้และพยายามทำตามตัวอย่างด้วยwindow.history.pushstateแต่ดูเหมือนจะไม่ได้ผลสำหรับฉัน และฉันไม่แน่ใจว่าจะเหมาะหรือไม่เพราะฉันไม่สนใจเกี่ยวกับการแก้ไขประวัติเบราว์เซอร์ ฉันแค่ต้องการให้สามารถบุ๊กมาร์กรูปภาพที่ดูอยู่ในปัจจุบันโดยไม่ต้องโหลดหน้าซ้ำทุกครั้งที่มีการเปลี่ยนแปลงรูปภาพ นี่คือตัวอย่างของเพจที่ไม่มีที่สิ้นสุดที่แก้ไขสตริงการสืบค้น: http://tumbledry.org/ UPDATEพบวิธีนี้: window.location.href = window.location.href + '#abc'; ดูเหมือนว่าจะใช้ได้สำหรับฉัน แต่ฉันใช้ Chrome ใหม่ .. มันอาจจะทำให้เกิดปัญหากับเบราว์เซอร์รุ่นเก่าหรือไม่

7
เมื่อติดตามตัวแปรในคอนโซลจะสร้างบรรทัดใหม่ได้อย่างไร
ดังนั้นฉันกำลังพยายามทำอะไรง่ายๆฉันต้องการแยกการติดตามในคอนโซลออกเป็นหลายบรรทัดโดยใช้คำสั่ง console.log 1 คำสั่ง: console.log('roleName = '+roleName+' role_ID = '+role_ID+' modal_ID = '+modal_ID+\n+'related = '+related); คุณจะเขียนข้อความข้างต้นเพื่อติดตามสิ่งต่อไปนี้อย่างไร roleName = test role_ID = test modal_UD = test related = test แทน roleName = test role_ID = test modal_UD = test related = test ฉันได้ตรวจสอบคำถามอื่น ๆ อีกหลายคำถามที่ดูเหมือนกัน แต่ไม่มีใครช่วยหรือพูดถึงสิ่งอื่น ขอบคุณสำหรับการดู!

17
เป็นไปได้ไหมที่จะใช้ JavaScript เพื่อเปลี่ยนเมตาแท็กของเพจ
ถ้าฉันใส่ div ไว้ในส่วนหัวและ display: none ใช้ JavaScript เพื่อแสดงมากกว่านี้จะใช้ได้ไหม แก้ไข: ฉันมีสิ่งของมากมายใน AJAX และเมื่อ AJAX ของฉันเปลี่ยนส่วน "หลัก" ของไซต์ฉันก็ต้องการเปลี่ยนเมตาแท็กด้วย

10
ดาวน์โหลดไฟล์โดยใช้ jQuery
ฉันจะแจ้งให้ผู้ใช้ดาวน์โหลดได้อย่างไรเมื่อพวกเขาคลิกลิงก์ ตัวอย่างเช่นแทนที่จะเป็น: <a href="uploads/file.doc">Download Here</a> ฉันสามารถใช้: <a href="#">Download Here</a> $('a').click... //Some jquery to download the file ด้วยวิธีนี้ Google จะไม่จัดทำดัชนีไฟล์ HREF และไฟล์ส่วนตัวของฉัน สามารถทำได้ด้วย jQuery ถ้าเป็นเช่นนั้นได้อย่างไร หรือควรทำด้วย PHP หรืออะไรบางอย่างแทน?
113 jquery  file  download 

9
Jquery แทรกแถวใหม่ลงในตารางที่ดัชนีหนึ่ง ๆ
ฉันรู้วิธีต่อท้ายแถวใหม่ลงในตารางโดยใช้ jquery: $('#my_table > tbody:last').append(html); ฉันจะแทรกแถว (กำหนดในตัวแปร html) ลงใน "ดัชนีแถว" เฉพาะiได้อย่างไร i=3ตัวอย่างเช่นถ้าแถวนั้นจะถูกแทรกเป็นแถวที่ 4 ในตาราง

8
ดาวหางและ jQuery [ปิด]
ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันได้ทำการวิจัยเกี่ยวกับการพุชเซิร์ฟเวอร์ด้วยจาวาสคริปต์และพบว่ามีความเห็นตรงกันว่าสิ่งที่ฉันกำลังมองหานั้นอยู่ในรูปแบบการออกแบบ "ดาวหาง" มีการใช้งานรูปแบบนี้ที่ดีบน jQuery หรือไม่? ถ้าไม่มีมีการนำรูปแบบนี้ไปใช้งานที่ดีหรือไม่? และโดยไม่คำนึงถึงคำตอบสำหรับคำถามเหล่านั้นมีเอกสารใด ๆ เกี่ยวกับรูปแบบนี้จากจุดยืนการนำไปใช้งานหรือไม่?

13
การส่งรายการวัตถุไปยังวิธีการควบคุม MVC โดยใช้ jQuery Ajax
ฉันกำลังพยายามส่งอาร์เรย์ของวัตถุไปยังวิธีการควบคุม MVC โดยใช้ฟังก์ชัน ajax () ของ jQuery เมื่อฉันเข้าสู่เมธอดคอนโทรลเลอร์ PassThing () C # อาร์กิวเมนต์ "things" จะเป็นโมฆะ ฉันได้ลองสิ่งนี้โดยใช้ประเภทรายการสำหรับอาร์กิวเมนต์ แต่ก็ไม่ได้ผลเช่นกัน ผมทำอะไรผิดหรือเปล่า? <script type="text/javascript"> $(document).ready(function () { var things = [ { id: 1, color: 'yellow' }, { id: 2, color: 'blue' }, { id: 3, color: 'red' } ]; $.ajax({ contentType: 'application/json; charset=utf-8', …
113 c#  asp.net-mvc  jquery 

26
click () เหตุการณ์เรียกสองครั้งใน jquery
ฉันตั้งค่าองค์ประกอบลิงก์และเรียกเหตุการณ์คลิกใน jquery แต่เหตุการณ์การคลิกเรียกสองครั้งโปรดดูรหัส jquery ด้านล่าง $("#link_button") .button() .click(function () { $("#attachmentForm").slideToggle("fast"); }); กรุณาแนะนำ. ขอบคุณ
113 jquery 

20
jQuery UI - ปิดกล่องโต้ตอบเมื่อคลิกภายนอก
ฉันมีไดอะล็อก jQuery UI ที่แสดงขึ้นเมื่อมีการคลิกองค์ประกอบเฉพาะ ฉันต้องการปิดกล่องโต้ตอบหากมีการคลิกเกิดขึ้นที่อื่นนอกเหนือจากองค์ประกอบที่ทริกเกอร์เหล่านั้นหรือตัวโต้ตอบนั้นเอง นี่คือรหัสสำหรับเปิดกล่องโต้ตอบ: $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); หากฉันไม่ใส่ความคิดเห็นในส่วนสุดท้ายกล่องโต้ตอบจะไม่เปิดขึ้น ฉันคิดว่าเป็นเพราะคลิกเดียวกับที่เปิดกล่องโต้ตอบกำลังปิดอีกครั้ง หมายเหตุรหัสการทำงานขั้นสุดท้าย : นี่คือการใช้ปลั๊กอินjQuery …

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