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

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

10
ไม่มีส่วนหัว 'Access-Control-Allow-Origin' อยู่ในข้อผิดพลาดของทรัพยากรที่ร้องขอ
ฉันพยายามดึงฟีดของเว็บไซต์ข่าว คิดว่าฉันจะใช้ feed API ของ Google เพื่อแปลง feedburner feed เป็น json URL ต่อไปนี้จะส่งคืน 10 โพสต์จากฟีดในรูปแบบ json http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http://feeds.feedburner.com/mathrubhumi ฉันใช้รหัสต่อไปนี้เพื่อรับเนื้อหาของ url ด้านบน $.ajax({ type: "GET", dataType: "jsonp", url: "http://ajax.googleapis.com/ajax/services/feed/load", data: { "v": "1.0", "num": "10", "q": "http://feeds.feedburner.com/mathrubhumi" }, success: function(result) { //..... } }); แต่มันใช้งานไม่ได้และฉันได้รับข้อผิดพลาดต่อไปนี้ XMLHttpRequest ไม่สามารถโหลด http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&q=http%3A%2F%2Ffeeds.feedburner.com%2Fmathrubhumi ไม่มีส่วนหัว "Access-Control-Allow-Origin" ในทรัพยากรที่ร้องขอ Origin …
94 javascript  jquery  json  ajax  cors 

5
วิธีสร้าง jQuery เป็นค่า not round ที่ส่งคืนโดย .width ()?
ฉันค้นหารอบ ๆ แล้วไม่พบสิ่งนี้ ฉันกำลังพยายามหาความกว้างของ div แต่ถ้ามีจุดทศนิยมมันจะปัดเศษตัวเลข ตัวอย่าง: #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } ถ้าฉันทำ$('#container').width();มันจะส่งกลับ 543 แทนที่จะเป็น 543.5 ฉันจะไม่ปัดเศษตัวเลขและส่งคืนเต็ม 543.5 ได้อย่างไร
94 javascript  jquery  css 


4
ตรวจพบการเปลี่ยนเส้นทางในคำขอ ajax?
ฉันต้องการใช้ jQuery เพื่อรับ URL และตรวจสอบอย่างชัดเจนว่าตอบสนองด้วยการเปลี่ยนเส้นทาง 302 หรือไม่แต่ไม่ทำตามการเปลี่ยนเส้นทาง jQuery $.ajaxดูเหมือนจะติดตามการเปลี่ยนเส้นทางเสมอ ฉันจะป้องกันสิ่งนี้และเห็นการเปลี่ยนเส้นทางโดยไม่ทำตามได้อย่างไร มีคำถามมากมายที่มีชื่อเรื่องเช่น "jquery ajax redirect" แต่ดูเหมือนว่าทั้งหมดจะเกี่ยวข้องกับการบรรลุเป้าหมายอื่น ๆ มากกว่าการตรวจสอบสถานะที่เซิร์ฟเวอร์ให้โดยตรง
94 jquery  ajax  http 

10
จะลบ / เปลี่ยนข้อความตัวช่วยเติมข้อความอัตโนมัติ JQuery UI ได้อย่างไร
ดูเหมือนว่านี่จะเป็นฟีเจอร์ใหม่ใน JQuery UI 1.9.0 เนื่องจากฉันใช้ JQuery UI มาหลายครั้งก่อนหน้านี้และข้อความนี้ไม่เคยปรากฏขึ้น ไม่พบสิ่งที่เกี่ยวข้องในเอกสาร API ดังนั้นการใช้ตัวอย่างการเติมข้อความอัตโนมัติพื้นฐานกับแหล่งที่มาในเครื่อง $( "#find-subj" ).autocomplete({ source: availableTags }); เมื่อการค้นหาตรงกันจะแสดงข้อความตัวช่วยที่เกี่ยวข้องนี้: 'มีผลลัพธ์ 1 รายการใช้ปุ่มลูกศรขึ้นและลงเพื่อนำทาง' ฉันจะปิดการใช้งานด้วยวิธีที่ดีได้อย่างไรไม่ใช่โดยการลบด้วยตัวเลือก JQuery

6
jquery ปัญหาความสูงของตัวยึดตำแหน่งที่เรียงลำดับได้
ด้วยเหตุผลบางประการตัวยึดสำหรับรายการที่จัดเรียงได้ของฉันมีขนาดประมาณ 10px รายการที่จัดเรียงได้ทั้งหมดของฉันมีความสูงต่างกัน ฉันจะเปลี่ยนความสูงของตัวยึดตำแหน่งแต่ละตัวให้ตรงกับรายการที่กำลังย้ายได้อย่างไร

10
ฉันจะเปิดลิงค์ในหน้าต่างใหม่ได้อย่างไร?
ฉันมีตัวจัดการการคลิกสำหรับลิงก์เฉพาะซึ่งฉันต้องการทำสิ่งที่คล้ายกับสิ่งต่อไปนี้: window.location = url ฉันต้องการสิ่งนี้เพื่อเปิด url ในหน้าต่างใหม่จริงๆฉันจะทำอย่างไร

7
ฉันจะลบสไตล์อินไลน์ทั้งหมดด้วยจาวาสคริปต์และเหลือเฉพาะสไตล์ที่ระบุในสไตล์ชีต css ได้อย่างไร
หากฉันมีสิ่งต่อไปนี้ใน html ของฉัน: <div style="height:300px; width:300px; background-color:#ffffff;"></div> และสิ่งนี้ในสไตล์ชีต css ของฉัน: div { width:100px; height:100px; background-color:#000000; } มีวิธีใดบ้างที่ใช้ javascript / jquery เพื่อลบสไตล์อินไลน์ทั้งหมดและเหลือเฉพาะสไตล์ที่ระบุโดยสไตล์ชีต css

10
การเลือกเฉพาะองค์ประกอบระดับแรกใน jquery
ฉันจะเลือกองค์ประกอบลิงก์ของผู้ปกครอง<ul>จากรายการเช่นนี้ได้อย่างไร <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> ดังนั้นใน css ul li aแต่ไม่ใช่ul li ul li a ขอบคุณ

2
CORS - httprequest 'preflight' ทำอย่างไร?
ฉันกำลังพยายามส่งคำขอ HTTP ข้ามโดเมนไปยังบริการ WCF (ที่ฉันเป็นเจ้าของ) ฉันได้อ่านเทคนิคต่างๆในการทำงานกับข้อ จำกัด การเขียนสคริปต์ข้ามโดเมน เนื่องจากบริการของฉันต้องรองรับทั้งคำขอ GET และ POST ฉันจึงไม่สามารถติดตั้งแท็กสคริปต์แบบไดนามิกบางแท็กที่ src เป็น URL ของคำขอ GET เนื่องจากฉันมีอิสระที่จะทำการเปลี่ยนแปลงที่เซิร์ฟเวอร์ฉันจึงเริ่มพยายามใช้วิธีแก้ปัญหาที่เกี่ยวข้องกับการกำหนดค่าการตอบสนองของเซิร์ฟเวอร์เพื่อรวมส่วนหัว "Access-Control-Allow-Origin" และคำขอ "preflight" ด้วยและคำขอ OPTIONS ฉันได้แนวคิดจากโพสต์นี้: การทำให้ CORS ทำงานได้ ที่ฝั่งเซิร์ฟเวอร์วิธีการบนเว็บของฉันกำลังเพิ่ม 'Access-Control-Allow-Origin: *' ในการตอบสนอง HTTP ฉันเห็นว่าการตอบกลับรวมส่วนหัวนี้ไว้แล้ว คำถามของฉันคือฉันจะ 'กำหนดล่วงหน้า' คำขอ (OPTIONS) ได้อย่างไร? ฉันใช้ jQuery.getJSON เพื่อส่งคำขอ GET แต่เบราว์เซอร์ยกเลิกคำขอทันทีพร้อมกับสิ่งที่น่าอับอาย: จุดกำเนิดhttp: // localhostไม่ได้รับอนุญาตจาก Access-Control-Allow-Origin มีใครคุ้นเคยกับเทคนิค CORS …
94 javascript  wcf  jquery  cors 

15
จะป้องกันการเลื่อนหน้าเมื่อเลื่อนองค์ประกอบ DIV ได้อย่างไร
ฉันได้ตรวจสอบและทดสอบฟังก์ชันต่างๆเพื่อป้องกันความสามารถของร่างกายในการเลื่อนในขณะที่อยู่ใน div และได้รวมฟังก์ชันที่ควรใช้งานได้ $('.scrollable').mouseenter(function() { $('body').bind('mousewheel DOMMouseScroll', function() { return false; }); $(this).bind('mousewheel DOMMouseScroll', function() { return true; }); }); $('.scrollable').mouseleave(function() { $('body').bind('mousewheel DOMMouseScroll', function() { return true; }); }); นี่เป็นการหยุดการเลื่อนทั้งหมดโดยที่ฉันต้องการให้การเลื่อนยังคงเป็นไปได้ภายในคอนเทนเนอร์ นอกจากนี้ยังไม่ปิดการใช้งานเมื่อปล่อยเมาส์ มีความคิดหรือวิธีการที่ดีกว่านี้หรือไม่?

6
แปลง base64 เป็นรูปภาพใน javascript / jquery
ฉันได้เขียนโค้ดสำหรับการจับภาพโดยใช้ javascript / jquery ด้านล่างนี้คือรหัส: function capture_image(){ alert("capture_image"); var p = webcam.capture(); webcam.save(); alert("capture complete "+p); //getting true here var img = canvas.toDataURL("image"); var item_image = img.replace(/^data:image\/(png|jpg);base64,/, "") ; alert("item_image"+item_image); } item_image พิมพ์รูปแบบ base64 วิธีการแปลง base64 นั้นเป็นรูปภาพและวิธีใช้พา ธ นั้นในไคลเอนต์จาวาสคริปต์ ฉันกำลังค้นหาเว็บไซต์จำนวนมากใน Google แต่ใช้งานไม่ได้และรหัสนั้นไม่เหมาะกับความต้องการของฉัน

8
JavaScript เทียบเท่ากับวิธีการขยายของ jQuery
พื้นหลัง ฉันมีฟังก์ชันที่ใช้configวัตถุเป็นอาร์กิวเมนต์ ภายในฟังก์ชันฉันยังมีdefaultวัตถุ แต่ละออบเจ็กต์เหล่านั้นมีคุณสมบัติที่ทำงานเป็นการตั้งค่าสำหรับส่วนที่เหลือของโค้ดภายในฟังก์ชัน เพื่อป้องกันไม่ให้ระบุการตั้งค่าทั้งหมดภายในconfigออบเจ็กต์ฉันใช้extendวิธีการของ jQuery เพื่อกรอกข้อมูลในวัตถุใหม่settingsด้วยค่าเริ่มต้นใด ๆ จากdefaultวัตถุหากไม่ได้ระบุไว้ในconfigวัตถุ: var config = {key1: value1}; var default = {key1: default1, key2: default2, key 3: default 3}; var settings = $.extend(default, config); //resulting properties of settings: settings = {key1: value1, key2: default2, key 3: default 3}; ปัญหา ใช้งานได้ดี แต่ฉันต้องการสร้างฟังก์ชันนี้ซ้ำโดยไม่ต้องใช้ jQuery มีวิธีการที่สง่างามเท่าเทียมกัน (หรือใกล้เคียงกับ) …

21
วิธีสร้างดรอปดาวน์แบบอ่านอย่างเดียวโดยใช้ jquery
ฉันใช้คำสั่งต่อไปนี้เพื่อทำให้อ่านได้อย่างเดียว แต่ใช้งานไม่ได้ $('#cf_1268591').attr("readonly", "readonly"); ฉันไม่ต้องการให้ปิดใช้งานฉันต้องการให้อ่านอย่างเดียว
93 jquery 

13
รูปภาพ Bootstrap Carousel ไม่ได้จัดแนวอย่างถูกต้อง
โปรดดูภาพต่อไปนี้เรากำลังใช้ bootstrap carousel เพื่อหมุนภาพ อย่างไรก็ตามเมื่อความกว้างของหน้าต่างมีขนาดใหญ่รูปภาพจะไม่สอดคล้องกับเส้นขอบอย่างถูกต้อง แต่ตัวอย่างภาพหมุนที่จัดทำโดย bootstrap ทำงานได้ดีเสมอไม่ว่าหน้าต่างจะกว้างขนาดไหนก็ตาม ตามรหัส ใครสามารถอธิบายได้ว่าทำไมม้าหมุนจึงมีพฤติกรรมแตกต่างกัน สิ่งนี้เกี่ยวข้องกับขนาดภาพหรือไม่หรือมีการกำหนดค่า bootstrap บางส่วนหรือไม่ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> …

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