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

ฉันมีปัญหากับการแกล้งทำคลิกยึดผ่าน jQuery: เหตุใด Thickbox ของฉันจึงปรากฏขึ้นเป็นครั้งแรกที่ฉันคลิกที่ปุ่มอินพุต แต่ไม่ใช่ครั้งที่สองหรือสาม นี่คือรหัสของฉัน: <input onclick="$('#thickboxId').click();" type="button" value="Click me" /> <a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a> มันจะทำงานได้ตลอดเวลาเมื่อฉันคลิกที่ลิงค์โดยตรง แต่ไม่ใช่ถ้าฉันพยายามเปิดใช้งาน thickbox ผ่านปุ่มอินพุต นี่คือ FF สำหรับ Chrome ดูเหมือนว่าจะใช้งานได้ทุกครั้ง คำใบ้ใด ๆ

144 jquery  html  onclick  thickbox 

.offset([coordinates])เมธอดตั้งค่าพิกัดขององค์ประกอบ แต่สัมพันธ์กับเอกสารเท่านั้น จากนั้นฉันจะตั้งค่าพิกัดขององค์ประกอบ แต่สัมพันธ์กับแม่ได้อย่างไร ฉันพบว่า.position()วิธีการรับเฉพาะค่า "บนสุด, ซ้าย" ที่สัมพันธ์กับ parent แต่ไม่ได้ตั้งค่า ฉันลองด้วย $("#mydiv").css({top: 200, left: 200}); แต่ไม่ทำงาน

144 jquery  css  jquery-selectors  positioning  css-position 

พยายามปิดหัวของฉันรอบฟังก์ชั่น ".not ()" jQuery และพบปัญหา ฉันต้องการให้ div parent เป็น "clickable" แต่หากผู้ใช้คลิกที่องค์ประกอบย่อยสคริปต์จะไม่ถูกเรียก $(this).not(children()).click(function(){ $(".example").fadeOut("fast"); }); html ที่: <div class="example"> <div> <p>This content is not affected by clicks.</p> </div> </div>

144 jquery 

ฉันจะใช้.append()กับเอฟเฟกต์เช่นได้อย่างไรshow('slow') มีผลกระทบต่อดูเหมือนจะไม่ทำงานเลยและมันก็ให้ผลเช่นเดียวกับปกติappend show()ไม่มีการเปลี่ยนไม่มีภาพเคลื่อนไหว ฉันจะผนวกส่วนหนึ่งไปอีกอันหนึ่งได้อย่างไรและมีslideDownหรือshow('slow')มีผลกระทบกับมัน?

144 jquery  animation  append  effects  show 

ในขณะที่ทำงานกับกิจกรรมของเบราว์เซอร์ฉันได้เริ่มรวมการทำงานของ touchEvents ของ Safari เข้ากับอุปกรณ์มือถือ ฉันพบว่าaddEventListeners กำลังซ้อนกับเงื่อนไข โครงการนี้ไม่สามารถใช้ JQuery ผู้ฟังเหตุการณ์มาตรฐาน: /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || false; window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false); JQuery's bindอนุญาตให้มีหลายเหตุการณ์เช่น: $(window).bind('mousemove touchmove', function(e) { //do something; …

144 javascript  jquery  touch  addeventlistener 

ฉันจะปิดการใช้งานปุ่มได้อย่างไร บนกล่องโต้ตอบ jQuery UIได้อย่างไร ฉันดูเหมือนจะไม่พบสิ่งนี้ในเอกสารใด ๆ ในลิงก์ด้านบน ฉันมี 2 ปุ่มในการยืนยัน modal ("ยืนยัน" และ "ยกเลิก") ในบางกรณีฉันต้องการปิดการใช้งานปุ่ม "ยืนยัน"

143 jquery  jquery-ui  jquery-ui-dialog 

ฉันต้องการที่จะตรวจสอบด้วยตนเองทริกเกอร์รวมทั้งแสดงข้อความผิดพลาดกับjQuery ตรวจสอบ สถานการณ์ที่ฉันพยายามทำให้สำเร็จเป็นรูปแบบนี้: <form> <input id=i1> <button id=b1> <input id=i2> <button id=b2> </form> เมื่อคลิกb1เท่านั้นi1ควรจะตรวจสอบ เมื่อคลิกb2แล้วi2ควรได้รับการตรวจสอบความถูกต้องเท่านั้น อย่างไรก็ตามจะต้องโพสต์ทุกฟิลด์ ฉันจะทำสิ่งนี้ได้อย่างไร ฉันคิดถึงการจัดการเหตุการณ์คลิกb1/b2และตรวจสอบความถูกต้องของส่วนด้วยตนเอง

143 javascript  jquery  html  jquery-validate 

ลองดูรหัสนี้: <a href="#" id="link">Link</a> <span>Moving</span> $('#link').click(function () { console.log("Enter"); $('#link').animate({ width: 200 }, 2000, function() { console.log("finished"); }); console.log("Exit"); }); อย่างที่คุณเห็นในคอนโซลฟังก์ชั่น "animate" นั้นเป็นแบบอะซิงโครนัสและเป็น "การไหล" ของโค้ดบล็อกตัวจัดการเหตุการณ์ ในความเป็นจริง : $('#link').click(function () { console.log("Enter"); asyncFunct(); console.log("Exit"); }); function asyncFunct() { console.log("finished"); } ติดตามการไหลของรหัสบล็อก! หากฉันต้องการสร้างfunction asyncFunct() { }ด้วยพฤติกรรมนี้ฉันจะใช้ javascript / jquery ได้อย่างไร ผมคิดว่ามีกลยุทธ์โดยไม่ต้องใช้ที่ setTimeout()

143 javascript  jquery  function  asynchronous 

ฉันอ่านข้อผิดพลาด 'Access-Control-Allow-Origin' มาก แต่ฉันไม่เข้าใจว่าต้องแก้ไขอะไร :( ฉันกำลังเล่นกับ Google โมเดอเรเตอร์ API แต่เมื่อฉันพยายามเพิ่มเซเรียอาใหม่ฉันจะได้รับ: XMLHttpRequest cannot load https://www.googleapis.com/moderator/v1/series?key=[key] &data%5Bdescription%5D=Share+and+rank+tips+for+eating+healthily+on+the+cheaps! &data%5Bname%5D=Eating+Healthy+%26+Cheap &data%5BvideoSubmissionAllowed%5D=false. Origin [my_domain] is not allowed by Access-Control-Allow-Origin. ฉันลองด้วยและไม่มีพารามิเตอร์การโทรกลับฉันพยายามเพิ่ม 'Access-Control-Allow-Origin *' ลงในส่วนหัว และฉันไม่รู้ว่าจะใช้ $ .getJSON ที่นี่ได้อย่างไรถ้าใช้เพราะฉันต้องเพิ่มหัวข้อการให้สิทธิ์และฉันไม่รู้วิธีใช้โดยไม่ใช้ beforeCall จาก $ .ajax: / มีแสงสำหรับความมืดนี้หรือไม่? นั่นคือรหัส: <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> var scope = "https://www.googleapis.com/auth/moderator"; var token = …

143 jquery  ajax  google-api  cors  jsonp 

ฉันต้องการ (เพียงเพื่อทดสอบฟังก์ชั่นบางอย่างหลังจากที่ฉันหลีกเลี่ยงพฤติกรรมนี้) เพื่อโหลดหน้าเว็บที่เรียกโดยส่งบนแท็บใหม่: เป็นไปได้หรือไม่

143 php  jquery  forms  http-post 

ฉันมีรหัสเฉพาะสำหรับการจัดเรียงตาราง เนื่องจากโค้ดเป็นเรื่องธรรมดาในเพจส่วนใหญ่ฉันจึงต้องการสร้างไฟล์ JS ซึ่งจะมีโค้ดและเพจทั้งหมดที่ใช้โค้ดสามารถอ้างอิงได้จากที่นั่น ปัญหาคือ: ฉันจะเพิ่ม jQuery และปลั๊กอินตัวเรียงลำดับตารางลงในไฟล์. js นั้นได้อย่างไร ฉันลองทำสิ่งนี้: document.writeln('<script src="/javascripts/jquery.js" type="text/javascript"></script>'); document.writeln('<script type="text/javascript" src="/javascripts/jquery.tablesorter.js"></script>'); แต่ดูเหมือนว่าจะไม่ได้ผล วิธีที่ดีที่สุดในการทำคืออะไร?

143 javascript  jquery 

ฉันต้องการโหลดภาพภายนอกบนหน้าของฉันแบบอะซิงโครนัสโดยใช้ jQueryและฉันได้ลองทำสิ่งต่อไปนี้แล้ว: $.ajax({ url: "http://somedomain.com/image.jpg", timeout:5000, success: function() { }, error: function(r,x) { } }); แต่มันกลับข้อผิดพลาดอยู่เสมอมันเป็นไปได้ไหมที่จะโหลดภาพเช่นนี้? ฉันพยายามใช้.loadวิธีการและใช้งานได้ แต่ฉันไม่รู้ว่าจะกำหนดไทม์เอาต์ได้อย่างไรหากภาพไม่พร้อมใช้งาน (404) ฉันจะทำสิ่งนี้ได้อย่างไร

142 javascript  jquery  ajax  image  jquery-load 

ฉันอยู่หลังโซลูชันข้ามเบราว์เซอร์ที่ชัดเจนเพื่อตั้งค่าตำแหน่งเคอร์เซอร์ / คาเร็ตเป็นตำแหน่งที่รู้จักล่าสุดเมื่อ contentEditable = 'on' <div> ฟื้นโฟกัส ดูเหมือนว่าฟังก์ชั่นเริ่มต้นของ div เนื้อหาที่แก้ไขได้คือการย้ายเครื่องหมายรูปหมวก / เคอร์เซอร์ไปที่จุดเริ่มต้นของข้อความใน div แต่ละครั้งที่คุณคลิกที่มันซึ่งไม่พึงประสงค์ ฉันเชื่อว่าฉันจะต้องเก็บไว้ในตัวแปรตำแหน่งเคอร์เซอร์ปัจจุบันเมื่อพวกเขาออกจากโฟกัสของ div แล้วตั้งค่าใหม่เมื่อพวกเขามีโฟกัสภายในอีกครั้ง แต่ฉันไม่สามารถรวบรวมกันหรือหางาน ตัวอย่างรหัสเลย หากใครมีความคิดใด ๆ ตัวอย่างโค้ดหรือตัวอย่างการทำงานฉันยินดีที่จะเห็นพวกเขา ฉันยังไม่มีรหัสจริงๆ แต่นี่คือสิ่งที่ฉันมี: <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS ฉันได้ลองใช้ทรัพยากรนี้แล้ว แต่ดูเหมือนว่ามันไม่ได้ผลสำหรับ …

142 javascript  jquery  html  contenteditable  cursor-position 

ฉันมี HTML ต่อไปนี้: <div id="mydiv"> <div class="myclass"></div> </div> ฉันต้องการที่จะสามารถใช้ตัวเลือกที่เลือกภายในdivแต่เฉพาะสำหรับmydivภาชนะ ฉันจะทำให้สำเร็จด้วย jQuery ได้อย่างไร

142 javascript  jquery  html  class  jquery-selectors 

ฉันสามารถหา div ที่มีคุณลักษณะดังนี้: $('.funding-plan-container[data-timestamp]') แต่ถ้าฉันพยายามค้นหา div ที่ไม่มีคุณลักษณะนั้นฉันได้รับข้อผิดพลาด - รหัสของฉันคือ: $('.funding-plan-container[!data-timestamp]') มีตัวเลือก "ไม่มีแอตทริบิวต์" ใน jQuery หรือไม่? สำหรับการอ้างอิงกรณีใช้งานที่นี่คือว่า div ใด ๆ ที่ไม่มีแอตทริบิวต์การประทับเวลาจะไม่ถูกเพิ่มแบบไดนามิกดังนั้นจึงเป็นประโยชน์ ขอบคุณ!

142 javascript  jquery