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

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

2
การเรียกกลับของ. animate () เรียกสองครั้ง jquery
เนื่องจากฉันเพิ่มscrollTop-animation บางส่วนของการโทรกลับของฉันถูกเรียกสองครั้ง: $('html, body').animate({scrollTop: '0px'}, 300,function() { $('#content').load(window.location.href, postdata, function() { $('#step2').addClass('stepactive').hide().fadeIn(700, function() { $('#content').show('slide',800); }); }); }); ดูเหมือนว่าจะทำซ้ำ.show()อย่างน้อยฉันก็ไม่มีความรู้สึกว่าload()หรือถูก.fadeIn()เรียกเป็นครั้งที่สองด้วย .show()ได้รับซ้ำเร็วที่สุดเท่าที่จะเสร็จสิ้นเป็นครั้งแรก การตั้งค่าความเร็วภาพเคลื่อนไหว scrollTop 0ไม่ได้ช่วยอะไรเลย! ฉันคิดว่ามันมีบางอย่างเกี่ยวข้องกับคิวภาพเคลื่อนไหว แต่ฉันไม่สามารถหาวิธีแก้ปัญหาได้โดยเฉพาะอย่างยิ่งว่าทำไมสิ่งนี้จึงเกิดขึ้น
104 jquery  callback 

13
ผูกเหตุการณ์เพียงครั้งเดียว
ฉันมีรหัสต่อไปนี้: function someMethod() { $(obj).click(function {}); } someMethod ถูกเรียกสองครั้งและทำให้เหตุการณ์คลิกถูกผูกสองครั้ง ฉันจะผูกมันเพียงครั้งเดียวได้อย่างไร?
104 jquery 

10
การเลือกอินพุตข้อความว่างโดยใช้ jQuery
ฉันจะระบุกล่องข้อความว่างโดยใช้ jQuery ได้อย่างไร ฉันต้องการทำโดยใช้ตัวเลือกถ้าเป็นไปได้ทั้งหมด นอกจากนี้ฉันต้องเลือกรหัสเนื่องจากในรหัสจริงที่ฉันต้องการใช้สิ่งนี้ฉันไม่ต้องการเลือกอินพุตข้อความทั้งหมด ในสองตัวอย่างโค้ดต่อไปนี้รหัสแรกแสดงค่าที่ผู้ใช้พิมพ์ลงในช่องข้อความ "txt2" อย่างถูกต้อง ตัวอย่างที่สองระบุว่ามีช่องข้อความว่างอยู่ แต่ถ้าคุณกรอกข้อมูลลงไปก็ยังถือว่าว่างอยู่ ทำไมถึงเป็นแบบนี้? สามารถทำได้โดยใช้เพียงแค่ตัวเลือกหรือไม่? รหัสนี้รายงานค่าใน textbox "txt2": <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#cmdSubmit').click(function() { alert($('[id=txt2]').val()); }); }); </script> </head> <body> <form> <input type="text" name="txt1" id="txt1" value="123" /><br /> <input type="text" name="txt2" id="txt2" value="" /><br /> <input type="text" name="txt3" …

5
มีตำแหน่งเทียบเท่ากับ e.PageX สำหรับเหตุการณ์ 'touchstart' เนื่องจากมีสำหรับเหตุการณ์คลิกหรือไม่?
ฉันพยายามรับตำแหน่ง X ด้วย jQuery ของเหตุการณ์ touchstart ที่ใช้กับฟังก์ชันถ่ายทอดสดหรือไม่ ได้แก่ $('#box').live('touchstart', function(e) { var xPos = e.PageX; } ); ตอนนี้สิ่งนี้ใช้ได้กับ "คลิก" เป็นเหตุการณ์ ฉันจะได้รับมันด้วยเหตุการณ์สัมผัสบนโลก (โดยไม่ใช้alpha jQuery) ได้อย่างไร ความคิดใด ๆ ? ขอบคุณสำหรับความช่วยเหลือ

8
วิธีที่ดีที่สุดในการจัดระเบียบโค้ด jQuery / JavaScript (2013) [ปิด]
มันยากที่จะบอกว่ากำลังถามอะไรที่นี่ คำถามนี้คลุมเครือคลุมเครือไม่สมบูรณ์กว้างเกินไปหรือมีวาทศิลป์และไม่สามารถตอบได้อย่างสมเหตุสมผลในรูปแบบปัจจุบัน สำหรับความช่วยเหลือในการทำความเข้าใจคำถามนี้เพื่อที่จะสามารถเปิด, ไปที่ศูนย์ช่วยเหลือ ปิดให้บริการใน7 ปีที่ผ่านมา ปัญหา คำตอบนี้ได้รับคำตอบมาก่อน แต่เก่าและไม่ทันสมัย ฉันมีโค้ดมากกว่า 2,000 บรรทัดในไฟล์เดียวและอย่างที่เราทราบกันดีว่านี่เป็นการปฏิบัติที่ไม่ดีโดยเฉพาะอย่างยิ่งเมื่อฉันกำลังมองหาโค้ดหรือเพิ่มคุณสมบัติใหม่ ๆ ฉันต้องการจัดระเบียบรหัสของฉันให้ดีขึ้นทั้งในตอนนี้และในอนาคต ฉันควรพูดถึงว่าฉันกำลังสร้างเครื่องมือ (ไม่ใช่เว็บไซต์ธรรมดา ๆ ) ที่มีปุ่มมากมายองค์ประกอบ UI การลากวางผู้ฟัง / ตัวจัดการการกระทำและฟังก์ชันในขอบเขตทั่วโลกซึ่งผู้ฟังหลายคนอาจใช้ฟังก์ชันเดียวกัน ตัวอย่างรหัส $('#button1').on('click', function(e){ // Determined action. update_html(); }); ... // Around 75 more of this function update_html(){ .... } ... โค้ดตัวอย่างเพิ่มเติม สรุป ฉันจำเป็นต้องจัดระเบียบรหัสนี้เพื่อการใช้งานที่ดีที่สุดและไม่ต้องทำซ้ำตัวเองและสามารถเพิ่มคุณสมบัติใหม่และอัปเดตโค้ดเก่าได้ ฉันจะทำงานนี้ด้วยตัวเอง ตัวเลือกบางตัวสามารถเป็นโค้ดได้ 100 บรรทัดอื่น …

13
จะซ่อน <option> ในเมนู <select> ด้วย CSS ได้อย่างไร?
ฉันรู้ว่า Chrome ดูเหมือนจะไม่ยอมให้ฉันซ่อนตัว&lt;option&gt;ในไฟล์&lt;select&gt;. Firefox จะ ฉันต้องการซ่อน&lt;option&gt;s ที่ตรงกับเกณฑ์การค้นหา ในเครื่องมือเว็บ Chrome ฉันจะเห็นว่าพวกเขาจะได้อย่างถูกต้องถูกตั้งค่าให้display: none;โดย JavaScript ของฉัน แต่ครั้งเดียวแล้ว&lt;select&gt;เมนูที่มีการคลิกที่พวกเขาจะแสดงให้เห็นว่า ฉันจะทำให้สิ่งเหล่านี้&lt;option&gt;ตรงกับเกณฑ์การค้นหาของฉันไม่แสดงเมื่อคลิกเมนูได้อย่างไร ขอบคุณ!
104 javascript  jquery  css  dom 

4
jQuery ค้นหาองค์ประกอบตามค่าแอตทริบิวต์ข้อมูล
ฉันมีองค์ประกอบบางอย่างดังต่อไปนี้: &lt;a class="slide-link" href="#" data-slide="0"&gt;1&lt;/a&gt; &lt;a class="slide-link" href="#" data-slide="1"&gt;2&lt;/a&gt; &lt;a class="slide-link" href="#" data-slide="2"&gt;3&lt;/a&gt; ฉันจะเพิ่มคลาสให้กับองค์ประกอบที่มีdata-slideค่าแอตทริบิวต์เป็น0(ศูนย์) ได้อย่างไร ฉันได้ลองวิธีแก้ปัญหาต่างๆมากมาย แต่ไม่ได้ผล ตัวอย่าง: $('.slide-link').find('[data-slide="0"]').addClass('active'); ความคิดใด ๆ ?

8
จะรับความกว้างของหน้าจอโดยไม่มีแถบเลื่อน (ลบ) ได้อย่างไร?
ฉันมีองค์ประกอบและต้องการความกว้างโดยไม่มีแถบเลื่อนแนวตั้ง (!) Firebug บอกความกว้างของร่างกายคือ 1280px สิ่งเหล่านี้ทำงานได้ดีใน Firefox: console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); console.log( $detour.innerWidth() ); ทั้งหมดส่งคืน1263pxซึ่งเป็นค่าที่ฉันกำลังมองหา อย่างไรก็ตามเบราว์เซอร์อื่น ๆ ทั้งหมดให้ฉัน1280px มีวิธีการข้ามเบราว์เซอร์เพื่อรับความกว้างเต็มหน้าจอโดยไม่มีแถบเลื่อนแนวตั้ง (!) หรือไม่?

15
วิธีปรับขนาด Twitter Bootstrap modal แบบไดนามิกตามเนื้อหา
ฉันมีเนื้อหาฐานข้อมูลที่มีข้อมูลประเภทต่างๆเช่นวิดีโอ Youtube วิดีโอ Vimeo ข้อความรูปภาพ Imgur เป็นต้นทั้งหมดนี้มีความสูงและความกว้างที่แตกต่างกัน สิ่งที่ฉันพบขณะค้นหาอินเทอร์เน็ตกำลังเปลี่ยนขนาดเป็นพารามิเตอร์เดียว จะต้องเหมือนกับเนื้อหาในป๊อปอัป นี่คือรหัส HTML ของฉัน ฉันยังใช้ Ajax เพื่อเรียกเนื้อหา &lt;div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt; &lt;h3 id="ModalLabel"&gt;&lt;/h3&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;/div&gt; &lt;/div&gt;

15
วิธีทำให้ปุ่มเปลี่ยนเส้นทางไปยังหน้าอื่นโดยใช้ jQuery หรือ Javascript
ฉันกำลังสร้างต้นแบบและต้องการให้ปุ่มค้นหาลิงก์ไปยังหน้าผลการค้นหาตัวอย่าง ฉันจะเปลี่ยนเส้นทางปุ่มไปยังหน้าอื่นได้อย่างไรเมื่อคลิกโดยใช้ jQuery หรือ JS ธรรมดา

9
jQuery .val เปลี่ยนไม่เปลี่ยนค่าอินพุต
ฉันมีอินพุต HTML พร้อมลิงก์ในค่า &lt;input type = 'text' value = 'http://www.link.com' id = 'link' /&gt; ฉันใช้ jQuery เพื่อเปลี่ยนค่าของเหตุการณ์หนึ่ง ๆ $('#link').val('new value'); โค้ดด้านบนจะเปลี่ยนค่าของกล่องข้อความ แต่ไม่เปลี่ยนค่าในโค้ด (ค่า = 'http://www.link.com' จะไม่เปลี่ยนแปลง) ฉันต้องการค่า = '' เพื่อเปลี่ยนเช่นกัน
104 javascript  jquery 

5
ฟังก์ชัน Javascript และพารามิเตอร์เริ่มต้นไม่ทำงานใน IE และ Chrome
ฉันสร้างฟังก์ชันดังนี้: function saveItem(andClose = false) { } ทำงานได้ดีใน Firefox ใน IE จะให้ข้อผิดพลาดนี้บนคอนโซล: Expected ')' ใน Chrome จะให้ข้อผิดพลาดนี้ในคอนโซล: Uncaught SyntaxError: Unexpected token = เบราว์เซอร์ทั้งสองทำเครื่องหมายแหล่งที่มาของข้อผิดพลาดเป็นบรรทัดการสร้างฟังก์ชัน
104 javascript  jquery 

13
จำนวนบวกเป็นจำนวนลบใน JavaScript?
โดยทั่วไปการกลับกันของ abs ถ้าฉันมี: if ($this.find('.pdxslide-activeSlide').index() &lt; slideNum - 1) { slideNum = -slideNum } console.log(slideNum) ไม่ว่าคอนโซลใดจะส่งคืนจำนวนบวกเสมอ ฉันจะแก้ไขปัญหานี้ได้อย่างไร ถ้าฉันทำ: if ($this.find('.pdxslide-activeSlide').index() &lt; slideNum - 1) { _selector.animate({ left: (-slideNum * sizes.images.width) + 'px' }, 750, 'InOutPDX') } else { _selector.animate({ left: (slideNum * sizes.images.width) + 'px' }, 750, 'InOutPDX') } มันใช้งานได้ …
104 javascript  jquery  math 

7
อะไรคือความแตกต่างระหว่าง D3 และ jQuery?
อ้างถึงตัวอย่างนี้: http://vallandingham.me/stepper_steps.html ดูเหมือนว่าไลบรารี D3 และ jQuery จะคล้ายกันมากในแง่ที่ว่าทั้งสองทำการจัดการ DOM ด้วยวิธีการผูกมัดวัตถุ ฉันอยากรู้ว่าฟังก์ชั่นอะไรที่ D3 ทำให้ง่ายกว่า jQuery และในทางกลับกัน มีไลบรารีกราฟและการแสดงภาพจำนวนมากที่ใช้ jQuery เป็นพื้นฐาน (เช่นแผนภูมิสูง, กองเรือ, วิจโม). โปรดยกตัวอย่างเฉพาะว่าแตกต่างกันอย่างไร
103 javascript  jquery  d3.js 

14
ข้อความแจ้งเตือน Twitter Bootstrap ปิดแล้วเปิดอีกครั้ง
ฉันมีปัญหากับข้อความแจ้งเตือน มันแสดงขึ้นตามปกติและฉันสามารถปิดได้เมื่อผู้ใช้กดx(ปิด) แต่เมื่อผู้ใช้พยายามที่จะแสดงอีกครั้ง (เช่นคลิกที่เหตุการณ์ปุ่ม) มันจะไม่แสดง (ยิ่งไปกว่านั้นถ้าฉันพิมพ์ข้อความแจ้งเตือนนี้ไปที่คอนโซลมันจะเท่ากับ[]) รหัสของฉันอยู่ที่นี่: &lt;div class="alert" style="display: none"&gt; &lt;a class="close" data-dismiss="alert"&gt;×&lt;/a&gt; &lt;strong&gt;Warning!&lt;/strong&gt; Best check yo self, you're not looking too good. &lt;/div&gt; และเหตุการณ์: $(".alert").show(); ปล! ฉันต้องการแสดงข้อความแจ้งเตือนหลังจากเหตุการณ์บางอย่างเกิดขึ้นเท่านั้น (เช่นคลิกปุ่ม) หรือว่าฉันทำอะไรผิด?

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