การเขียนโปรแกรม jquery

8

ฉันพบสามวิธีในการแปลงตัวแปรเป็นStringJavaScript ฉันค้นหาสามตัวเลือกเหล่านี้ในซอร์สโค้ด jQuery และพวกมันใช้งานอยู่ ฉันต้องการทราบว่ามีความแตกต่างระหว่างพวกเขาหรือไม่: value.toString() String(value) value + "" การสาธิต พวกเขาทั้งหมดผลิตผลลัพธ์เดียวกัน แต่หนึ่งในนั้นดีกว่าคนอื่น ๆ ? ฉันจะบอกว่า+ ""มีข้อได้เปรียบที่ช่วยประหยัดตัวละครบางตัว แต่นั่นไม่ใช่ข้อได้เปรียบที่ยิ่งใหญ่อีกแล้ว

184 javascript jquery string

11

จะโหลดหน้าซ้ำทุก ๆ 5 วินาทีได้อย่างไร

ฉันกำลังแปลงหนึ่งเลย์เอาท์เป็น html; เมื่อฉันทำการเปลี่ยนแปลงในรหัส / html / css ทุกครั้งที่ฉันต้องกด F5 มีวิธีแก้ปัญหา javascript / jQuery แบบง่าย ๆ ไหม? หลังจากฉันเพิ่มสคริปต์โหลดหน้าเว็บซ้ำทุก ๆ 5 วินาที (หรือเวลาอื่นที่เจาะจง)

183 javascript jquery

4

ฉันจะตัดพื้นที่สีขาวเมื่อจับข้อความด้วย jQuery ได้อย่างไร

ฉันต้องการที่จะใช้ jQuery เพื่อห่อจดหมายไว้: ยึดไว้กับที่อยู่อีเมล แต่ก็ยังคว้าพื้นที่สีขาวที่ CMS กำลังสร้างอยู่ นี่คือ HTML ที่ฉันต้องใช้งานสคริปต์ที่ฉันมีและสำเนาของผลลัพธ์ HTML <div class="field field-type-text field-field-email"> <div class="field-item"> name@example.com </div> </div> jQuery JavaScript $(document).ready(function(){ $('div.field-field-email .field-item').each(function(){ var emailAdd = $(this).text(); $(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>'); }); }); สร้าง HTML <div class="field field-type-text field-field-email"> <div class="field-items"><a href="mailto:%0A%20%20%20%20name@example.com%20%20%20%20"> name@example.com </a></div> </div> แม้ว่าฉันสงสัยว่าคนอื่นที่อ่านคำถามนี้อาจต้องการแค่ตัดช่องว่างนำหน้าและท้ายสุด …

183 jquery

11

เรียกใช้ฟังก์ชัน jQuery หลังจาก. each () เสร็จสมบูรณ์

ใน jQuery มันเป็นไปได้ที่จะก่อให้เกิดการติดต่อกลับหรือเรียกเหตุการณ์หลังจากการภาวนาของ.each()(หรือชนิดอื่น ๆ ของการเรียกกลับซ้ำ) ได้เสร็จสิ้น ตัวอย่างเช่นฉันต้องการให้ "จางและลบ" เพื่อให้เสร็จสมบูรณ์ $(parentSelect).nextAll().fadeOut(200, function() { $(this).remove(); }); ก่อนที่จะทำคำนวณบางและใส่ใหม่$(parentSelect)องค์ประกอบหลังจากที่ การคำนวณของฉันไม่ถูกต้องหากองค์ประกอบที่มีอยู่ยังคงปรากฏให้เห็นสำหรับ jQuery และการนอนหลับ / ล่าช้าบางเวลา (200 สำหรับแต่ละองค์ประกอบ) ดูเหมือนว่าเป็นวิธีการแก้ปัญหาที่เปราะที่สุด ฉันสามารถ.bind()ตรรกะที่จำเป็นไปยังโทรกลับเหตุการณ์ แต่ผมไม่แน่ใจว่าจะเรียบร้อยเรียก.trigger()หลังจากที่ดังกล่าวข้างต้นซ้ำได้เสร็จสมบูรณ์ เห็นได้ชัดว่าฉันไม่สามารถเรียกใช้ทริกเกอร์ในการทำซ้ำเพราะมันจะยิงหลายครั้ง ในกรณีของ$.each()ฉันได้พิจารณาการเพิ่มบางอย่างที่จุดสิ้นสุดของ data data (ที่ฉันค้นหาด้วยตนเองในส่วนการทำซ้ำ) แต่ฉันเกลียดที่จะถูกบังคับให้ทำเช่นนั้นดังนั้นฉันจึงหวังว่าจะมีคนอื่นที่สง่างาม วิธีในการควบคุมการไหลของการโทรกลับซ้ำ

183 jquery each

9

วิธีการตรวจจับตำแหน่งการเลื่อนของหน้าโดยใช้ jQuery

ฉันมีปัญหากับการทำงานของ jQuery ในเว็บไซต์ของฉัน มันทำอะไรคือมันใช้window.scroll() ฟังก์ชั่นในการจดจำเมื่อหน้าต่างเปลี่ยนตำแหน่งการเลื่อนและเมื่อการเปลี่ยนแปลงเรียกใช้ฟังก์ชั่นบางอย่างเพื่อโหลดข้อมูลจากเซิร์ฟเวอร์ ปัญหาคือ.scroll()ฟังก์ชั่นถูกเรียกใช้ทันทีที่มีการเปลี่ยนแปลงเล็กน้อยในตำแหน่งเลื่อนและโหลดข้อมูลที่ด้านล่าง อย่างไรก็ตามสิ่งที่ฉันต้องการบรรลุคือการโหลดข้อมูลใหม่เมื่อเลื่อนตำแหน่ง / หน้าถึงด้านล่างเช่นที่เกิดขึ้นสำหรับฟีด Facebook แต่ฉันไม่แน่ใจวิธีตรวจจับตำแหน่งการเลื่อนโดยใช้ jQuery? function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); });

183 javascript jquery scroll

9

HTML5 textarea placeholder ไม่ปรากฏขึ้น

ฉันไม่สามารถทราบได้ว่าเกิดอะไรขึ้นกับมาร์กอัปของฉัน แต่ตัวยึดสำหรับพื้นที่ข้อความจะไม่ปรากฏ ดูเหมือนว่ามันอาจถูกคลุมไว้ด้วยช่องว่างและแท็บบางส่วน เมื่อคุณมุ่งเน้นที่พื้นที่ข้อความและลบตำแหน่งที่เคอร์เซอร์วางไว้จากนั้นออกจากพื้นที่ข้อความตัวยึดตำแหน่งที่เหมาะสมจะปรากฏขึ้น <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" …

183 jquery forms html textarea placeholder

8

var self = นี่?

โดยใช้วิธีการเช่นการเรียกกลับเป็นสำหรับการจัดการเหตุการณ์การเปลี่ยนแปลงขอบเขตของthisจาก"อินสแตนซ์ของฉัน"เพื่อ"สิ่งที่เรียกว่าเพียงแค่โทรกลับ" ดังนั้นรหัสของฉันมีลักษณะเช่นนี้ function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ self.doSomethng() // this.doSomething() would not work here }) } มันใช้งานได้ แต่เป็นวิธีที่ดีที่สุดที่จะทำหรือไม่ มันดูแปลกสำหรับฉัน

182 javascript jquery scope closures

8

วิธีหยุดการทำฟองอากาศในช่องทำเครื่องหมายให้คลิก

ฉันมีช่องทำเครื่องหมายที่ฉันต้องการดำเนินการบางอย่างของ Ajax ในกิจกรรมคลิกอย่างไรก็ตามช่องทำเครื่องหมายยังอยู่ในคอนเทนเนอร์ด้วยพฤติกรรมการคลิกของตัวเองซึ่งฉันไม่ต้องการเรียกใช้เมื่อคลิกที่ช่องทำเครื่องหมาย ตัวอย่างนี้แสดงสิ่งที่ฉันต้องการทำ: $(document).ready(function() { $('#container').addClass('hidden'); $('#header').click(function() { if ($('#container').hasClass('hidden')) { $('#container').removeClass('hidden'); } else { $('#container').addClass('hidden'); } }); $('#header input[type=checkbox]').click(function(event) { // Do something }); }); #container.hidden #body { display: none; } <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <div id="container"> <div id="header"> <h1>Title</h1> <input type="checkbox" name="test" /> </div> <div id="body"> <p>Some content</p> …

182 javascript jquery checkbox events

12

AngularJS: วิธีรันโค้ดเพิ่มเติมหลังจาก AngularJS แสดงผลเทมเพลตแล้ว?

ฉันมีเทมเพลต Angular ใน DOM เมื่อคอนโทรลเลอร์ของฉันได้รับข้อมูลใหม่จากบริการมันจะอัพเดตโมเดลในขอบเขต $ และแสดงเทมเพลตอีกครั้ง ดีมากจนถึงตอนนี้ ปัญหาคือฉันต้องทำงานพิเศษหลังจากเทมเพลตถูกแสดงอีกครั้งและอยู่ใน DOM (ในกรณีนี้คือปลั๊กอิน jQuery) ดูเหมือนว่าจะมีเหตุการณ์ที่ต้องฟังเช่น AfterRender แต่ฉันไม่พบสิ่งใดเลย บางทีคำสั่งอาจเป็นหนทางไป แต่ดูเหมือนว่าจะยิงเร็วเกินไป นี่คือ jsFiddle ที่สรุปปัญหาของฉัน: Fiddle-AngularIssue == UPDATE == จากความคิดเห็นที่เป็นประโยชน์ฉันจึงเปลี่ยนไปใช้คำสั่งเพื่อจัดการการจัดการ DOM และใช้โมเดล $ watch ในคำสั่ง อย่างไรก็ตามฉันยังคงมีปัญหาพื้นฐานเดียวกันอยู่ โค้ดที่อยู่ในเหตุการณ์การเฝ้าดู $ เริ่มก่อนที่จะรวบรวมและแทรกเทมเพลตใน DOM ดังนั้นปลั๊กอิน jquery จะประเมินตารางที่ว่างอยู่เสมอ ที่น่าสนใจถ้าฉันลบการเรียกแบบ async สิ่งที่ใช้งานได้ดีก็เป็นขั้นตอนในทิศทางที่ถูกต้อง นี่คือ Fiddle ที่อัปเดตของฉันเพื่อสะท้อนการเปลี่ยนแปลงเหล่านี้: http://jsfiddle.net/uNREn/12/

182 javascript jquery dom angularjs

4

วิธีการลบอักขระตัวสุดท้ายออกจากสตริงโดยใช้ jQuery

วิธีการลบอักขระตัวสุดท้ายจากสตริงเช่น 123-4-เมื่อฉันลบ4มันควรจะแสดง123-โดยใช้jQuery

181 jquery

5

ทำให้ Bootstrap Popover ปรากฏ / หายไปบน Hover แทนที่จะคลิก

ฉันกำลังสร้างเว็บไซต์ด้วย Bootstrap ของPopoverและฉันไม่สามารถหาวิธีที่จะทำให้ popover ปรากฏบน hover แทนที่จะคลิก สิ่งที่ฉันต้องการจะทำก็คือให้มีป๊อปโอเวอร์ปรากฏขึ้นเมื่อมีคนเลื่อนเมาส์ไปที่ลิงค์แทนที่จะคลิกที่มันและเพื่อให้ป๊อปโอเวอร์หายไปเมื่อพวกเขาย้ายออกไป เอกสารบอกว่าเป็นไปได้โดยใช้ data data หรือ jquery ฉันค่อนข้างจะทำมันด้วย jquery เนื่องจากฉันมีป๊อปอัปหลายแห่ง

181 javascript jquery twitter-bootstrap

30

วิธีรับวันที่ปัจจุบันใน jquery

ฉันต้องการทราบวิธีใช้ฟังก์ชัน Date () ใน jQuery เพื่อรับวันที่ปัจจุบันในyyyy/mm/ddรูปแบบ

181 javascript jquery

7

iFrame src เปลี่ยนการตรวจจับเหตุการณ์?

สมมติว่าฉันไม่สามารถควบคุมเนื้อหาใน iframe มีวิธีใดบ้างที่ฉันสามารถตรวจพบการเปลี่ยนแปลง src ผ่านทางหน้าหลัก บางประเภทของการโหลดอาจจะ? ทางเลือกสุดท้ายของฉันคือการทำการทดสอบช่วงเวลา 1 วินาทีหาก iframe src เหมือนกันกับที่เคยเป็นมาก่อน แต่การทำโซลูชันแฮ็คนี้จะดูด ฉันใช้ไลบรารี jQuery ถ้ามันช่วยได้

181 javascript jquery iframe onload

11

การรวม Dropzone.js เข้ากับฟอร์ม HTML ที่มีอยู่กับฟิลด์อื่น

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

181 javascript jquery html file-upload dropzone.js

12

นับองค์ประกอบลูกรองทันทีโดยใช้ jQuery

ฉันมีโครงสร้างโหนด HTML ต่อไปนี้: <div id="foo"> <div id="bar"></div> <div id="baz"> <div id="biz"></div> </div> <span></span> </div> ฉันจะนับจำนวนเด็กfooที่อยู่ในประเภทนั้นได้divอย่างไร ในตัวอย่างด้านบนผลลัพธ์ควรเป็นสอง ( barและbaz)

180 javascript jquery dom jquery-selectors

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