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

ฉันใช้ jQuery UI ที่สามารถจัดเรียงได้เพื่อทำให้ตารางตารางของฉันเรียงลำดับได้ ดูเหมือนว่ารหัสจะทำงานได้ดี แต่เนื่องจากฉันไม่ได้เพิ่มความกว้างให้กับtds เมื่อฉันลากtrมันทำให้เนื้อหาหดตัว ตัวอย่างเช่น; หากแถวตารางของฉันคือ 500px เมื่อฉันเริ่มลากมันจะกลายเป็น 300px ฉันคิดว่ามันเกิดขึ้นเพราะไม่มีการกำหนดความกว้างในตาราง นั่นเป็นเพราะฉันใช้สองคลาสสำหรับtds ( fixและliquid) fixระดับทำให้tdเท่ากับความกว้างของเนื้อหาและliquidทำให้tdความกว้าง 100% มันเป็นวิธีการของฉันสำหรับตารางตารางโดยไม่ต้องกำหนดความกว้างtdของ ความคิดใด ๆ ที่ทำให้การจัดเรียงทำงานกับแนวทางของฉันได้อย่างไร

155 jquery  jquery-ui  jquery-ui-sortable 

ฉันไม่พบตัวเลือกที่เหมาะสมสำหรับ: <input maxlength="6" size="6" id="colorpickerField1" name="sitebg" value="#EEEEEE" type="text"> ฉันต้องการเปลี่ยนค่าเป็น = 000000 ฉันต้องการตัวเลือกเพื่อค้นหา "ชื่อ" ไม่ใช่ id ของการป้อนข้อความ ไม่ควรทำงานนี้: $("text.sitebg").val("000000"); โซลูชันที่นำเสนอใช้งานไม่ได้มีปัญหาอะไรกับสิ่งนี้ $.getJSON("http://www.mysitehere.org/wp-content/themes/ctr-theme/update_genform.php",function(data) { $("#form1").append(data.sitebg); $('input.sitebg').val('000000'); }); ข้อมูล JSON ทำงานอย่างถูกต้อง แนวคิดคือการส่งต่อค่า JSON ในภายหลังในรูปแบบค่าข้อความ แต่ไม่ทำงาน :(

155 jquery 

ฉันกำลังใช้ป๊อปอัปกับ Twitter Bootstrap ซึ่งริเริ่มขึ้นดังนี้: $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); อย่างที่คุณเห็นพวกมันจะถูกเรียกใช้งานด้วยตนเองและคลิกที่. popup-marker (ซึ่งเป็น div ที่มีภาพพื้นหลัง) เพื่อเปิดป๊อปอัป สิ่งนี้ใช้งานได้ดี แต่ฉันต้องการที่จะสามารถปิดป๊อปโอเวอร์ด้วยการคลิกที่ใดก็ได้บนหน้าเว็บ (แต่ไม่ใช่ในป๊อปโอเวอร์เอง!) ฉันได้ลองทำสิ่งต่าง ๆ รวมถึงรายการต่อไปนี้ แต่ไม่มีผลลัพธ์ที่จะแสดง: $('body').click(function(e) { $('.popup-marker').popover('hide'); }); ฉันจะปิด popover ด้วยการคลิกที่ใดก็ได้บนหน้าเว็บ แต่จะไม่ปิดคลิกด้วยตัวเอง

155 javascript  jquery  twitter-bootstrap 

ฉันมีฟังก์ชั่น jQuery ajax และต้องการส่งแบบฟอร์มทั้งหมดเป็นข้อมูลโพสต์ เราอัปเดตฟอร์มอย่างต่อเนื่องดังนั้นจึงเป็นเรื่องน่าเบื่อที่จะต้องอัปเดตฟอร์มที่ควรส่งในคำขอ

155 jquery  ajax 

ตัวอย่างสุดท้ายของของ jQuery focus()เอกสารรัฐ $('#id').focus() ควรทำให้อินพุตถูกโฟกัส (แอ็คทีฟ) ฉันไม่สามารถทำงานนี้ได้ แม้ในคอนโซลของไซต์นี้ฉันก็ลองใช้มันสำหรับช่องค้นหา $('input[name="q"]').focus() และฉันก็ไม่ได้อะไรเลย ความคิดใด ๆ

155 jquery 

วิธีรับค่ากล่องที่เลือกหลายค่าโดยใช้ jQuery

155 jquery  multi-select 

ฉันมีแท็ก div <div id="theDiv">Where is the image?</div> ฉันต้องการเพิ่มแท็กรูปภาพภายใน div ผลลัพธ์สุดท้าย: <div id="theDiv"><img id="theImg" src="theImg.png" />Where is the image?</div>

154 jquery 

ฉันต้องการตั้งค่าภาพพื้นหลังบนแท็ก body จากนั้นเรียกใช้โค้ดบางอย่าง - เช่นนี้ $('body').css('background-image','http://picture.de/image.png').load(function() { alert('Background image done loading'); // This doesn't work }); ฉันจะแน่ใจได้อย่างไรว่าภาพพื้นหลังโหลดเต็มแล้ว

154 javascript  jquery 

ฉันจะจำลองการทำงานของbackground-size:coverองค์ประกอบ html เช่น<video>หรือได้<img>อย่างไร ฉันต้องการให้มันทำงาน background-size: cover; background-position: center center;

154 javascript  jquery  css 

ฉันใช้แวดวง svg ในโครงการของฉันเช่นนี้ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> และฉันใช้ดัชนี z ในgแท็กเพื่อแสดงองค์ประกอบแรก ในโครงการของฉันฉันต้องใช้เฉพาะค่าดัชนี z แต่ฉันไม่สามารถใช้ดัชนี z กับองค์ประกอบ svg ของฉันได้ ฉันเที่ยวมาก แต่ก็ไม่ค่อยเจออะไรเลย ดังนั้นโปรดช่วยฉันใช้ z-index ใน svg ของฉัน นี่คือDEMO

154 javascript  jquery  svg  z-index 

ดังนั้นโดยทั่วไปฉันต้องอัปโหลดภาพเดียวบันทึกลงใน localStorage จากนั้นแสดงในหน้าถัดไป ขณะนี้ฉันมีการอัปโหลดไฟล์ HTML ของฉัน: <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> ซึ่งใช้ฟังก์ชั่นนี้เพื่อแสดงภาพบนหน้า function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } ภาพจะปรากฏขึ้นทันทีบนหน้าเพื่อให้ผู้ใช้เห็น พวกเขาจะถูกขอให้กรอกแบบฟอร์มที่เหลือ ส่วนนี้ทำงานได้อย่างสมบูรณ์ เมื่อแบบฟอร์มเสร็จสมบูรณ์แล้วพวกเขาก็กดปุ่ม 'บันทึก' เมื่อกดปุ่มนี้ฉันจะบันทึกอินพุตแบบฟอร์มทั้งหมดเป็นlocalStorageสตริง ฉันต้องการวิธีในการบันทึกภาพเป็นlocalStorageรายการด้วย ปุ่มบันทึกจะนำพวกเขาไปยังหน้าใหม่ หน้าใหม่นี้จะแสดงข้อมูลผู้ใช้ในตารางโดยมีรูปภาพอยู่ด้านบน ดังนั้นธรรมดาและเรียบง่ายที่ฉันต้องการที่จะบันทึกภาพในlocalStorageครั้งเดียว …

154 javascript  jquery  html  local-storage 

ใน HTML5 searchประเภทการป้อนข้อมูลจะปรากฏขึ้นพร้อม X เล็กน้อยทางด้านขวาที่จะล้างกล่องข้อความ (อย่างน้อยก็ใน Chrome หรือที่อื่น ๆ ) มีวิธีการตรวจสอบเมื่อมีการคลิก X นี้ใน Javascript หรือ jQuery นอกเหนือจากการพูดการตรวจพบเมื่อมีการคลิกที่กล่องทั้งหมดหรือทำตำแหน่งตรวจจับการคลิก (ตำแหน่ง x ตำแหน่ง / y)?

154 javascript  jquery  html  events  dom-events 

ฉันต้องแสดงค่าสกุลเงินในรูปแบบ 1K เท่ากับหนึ่งพันหรือ 1.1K, 1.2K, 1.9K เป็นต้นหากไม่ใช่จำนวนพันแม้แต่อย่างอื่นถ้าต่ำกว่า 1,000 แสดงปกติ 500, 100, 250 เป็นต้น ใช้จาวาสคริปต์เพื่อจัดรูปแบบตัวเลขได้อย่างไร

154 javascript  jquery  formatting  numbers 

นี่คือตัวอย่างโค้ดที่ฉันต้องการทำBlobเพื่อBase64สตริง: ส่วนที่แสดงความคิดเห็นนี้ใช้งานได้และเมื่อ URL ที่สร้างขึ้นโดยตั้งค่าเป็น img src จะแสดงรูปภาพ: var blob = items[i].getAsFile(); //var URLObj = window.URL || window.webkitURL; //var source = URLObj.createObjectURL(blob); //console.log("image source=" + source); var reader = new FileReader(); reader.onload = function(event){ console.log(event.target.result) }; // data url! var source = reader.readAsBinaryString(blob); ปัญหาเกิดจากโค้ดด้านล่างตัวแปรต้นทางที่สร้างขึ้นเป็นโมฆะ อัปเดต: มีวิธีที่ง่ายกว่าในการดำเนินการกับ JQuery เพื่อให้สามารถสร้าง Base64 String จากไฟล์ …

154 javascript  jquery 

คุณเคยดูที่ซอร์สโค้ดjQuery 1.4และสังเกตว่ามันถูกห่อหุ้มด้วยวิธีดังต่อไปนี้: (function( window, undefined ) { //All the JQuery code here ... })(window); ฉันได้อ่านบทความเกี่ยวกับการตั้งชื่อJavaScriptและอีกชื่อหนึ่งเรียกว่า " คู่ที่สำคัญของ Parens " เพื่อให้ฉันรู้เกี่ยวกับสิ่งที่เกิดขึ้นที่นี่ แต่ฉันไม่เคยเห็นรูปแบบนี้มาก่อน อะไรคือสิ่งที่undefinedทำมี? และทำไมwindowต้องผ่านไปแล้วจึงปรากฏตัวที่จุดสิ้นสุดอีกครั้ง?

153 javascript  jquery  syntax