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

ฉันคิดว่านี่จะเป็นสิ่งที่ฉันสามารถทำได้อย่างง่ายดาย google แต่บางทีฉันไม่ได้ถามคำถามที่ถูกต้อง ... ฉันจะตั้งค่าสิ่งใด "สิ่งนี้" ในฟังก์ชันจาวาสคริปต์ที่กำหนดได้อย่างไร ตัวอย่างเช่นชอบฟังก์ชั่นส่วนใหญ่ของ jQuery เช่น: $(selector).each(function() { //$(this) gives me access to whatever selector we're on }); ฉันจะเขียน / เรียกใช้ฟังก์ชันสแตนด์อโลนของตัวเองที่มีการอ้างอิง "นี่" ที่เหมาะสมเมื่อถูกเรียกได้อย่างไร ฉันใช้ jQuery ดังนั้นหากมีวิธีเฉพาะในการทำ jQuery นั่นจะเหมาะอย่างยิ่ง

213 javascript  jquery  scope  this 

รหัสของฉันคือ: p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } โปรดดูซอนี้: http://jsfiddle.net/ZWw3Z/5/ ฉันต้องการทริกเกอร์เหตุการณ์คลิกบนองค์ประกอบหลอก (บิตสีแดง) เท่านั้น นั่นคือฉันไม่ต้องการให้เหตุการณ์การคลิกถูกกระตุ้นบนบิตสีน้ำเงิน

213 javascript  jquery  css 

ขณะนี้ฉันกำลังใช้<a>แท็กกับ jQuery เพื่อเริ่มต้นสิ่งต่างๆเช่นกิจกรรมการคลิกเป็นต้น ตัวอย่างคือ <a href="#" class="someclass">Text</a> แต่ฉันเกลียดที่ '#' ทำให้หน้าข้ามไปด้านบนของหน้า ฉันควรทำอะไรแทน

213 javascript  jquery  html 

ฉันมีปัญหาในการจัดการกับ ReactJS ของ Facebook เมื่อใดก็ตามที่ฉันทำ Ajax และต้องการแสดงข้อมูล html ReactJS จะแสดงเป็นข้อความ (ดูรูปด้านล่าง) ข้อมูลจะแสดงผ่านฟังก์ชันการเรียกกลับที่สำเร็จของ jquery Ajax $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); มีวิธีง่าย ๆ ในการแปลงเป็น html หรือไม่ ฉันควรทำอย่างไรโดยใช้ ReactJS

212 javascript  jquery  ajax  reactjs 

ฉันใช้เครื่องมือ JavaScript "Canvas2Image" ของ Nihilogic เพื่อแปลงภาพวาดผ้าใบเป็นรูปภาพ PNG สิ่งที่ฉันต้องการตอนนี้คือการเปลี่ยนสตริง base64 ที่เครื่องมือนี้สร้างเป็นไฟล์ PNG จริงบนเซิร์ฟเวอร์โดยใช้ PHP ในระยะสั้นสิ่งที่ฉันกำลังทำคือการสร้างไฟล์ในฝั่งไคลเอ็นต์โดยใช้ Canvas2Image จากนั้นดึงข้อมูลที่เข้ารหัส 64 ฐานและส่งไปยังเซิร์ฟเวอร์โดยใช้ AJAX: // Generate the image file var image = Canvas2Image.saveAsPNG(canvas, true); image.id = "canvasimage"; canvas.parentNode.replaceChild(image, canvas); var url = 'hidden.php', data = $('#canvasimage').attr('src'); $.ajax({ type: "POST", url: url, dataType: 'text', data: { …

212 php  javascript  base64  html5-canvas 

ตัวอย่าง: www.site.com/index.php#hello ใช้ jQuery ฉันต้องการใส่ค่าhelloในตัวแปร: var type = …

212 javascript  jquery  url  url-fragment 

ฉันส่งค่า 2 ค่าไปยังคอมโพเนนต์ชายน์: รายการของวัตถุที่จะแสดง ฟังก์ชั่นลบ ฉันใช้ฟังก์ชั่น. map () เพื่อแสดงรายการวัตถุของฉัน (เช่นในตัวอย่างที่ให้ไว้ในหน้าการตอบสนองต่อการกวดวิชา) แต่ปุ่มในองค์ประกอบนั้นจะทำการonClickทำงานของฟังก์ชั่นในการแสดงผล รหัสของฉันมีลักษณะเช่นนี้: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); คำถามของฉันคือ: เหตุใดonClickฟังก์ชั่นนี้จึงใช้ไฟในการเรนเดอร์และทำไม่ได้?

212 javascript  reactjs  button  onclick  dom-events 

หลังจากใช้เวลาในการเรียนรู้ทำปฏิกิริยาฉันเข้าใจความแตกต่างระหว่างกระบวนทัศน์หลักสองประการของการสร้างส่วนประกอบ คำถามของฉันคือเมื่อฉันควรใช้ที่หนึ่งและทำไม สิทธิประโยชน์ / การแลกเปลี่ยนของหนึ่งเหนือสิ่งอื่นคืออะไร? คลาส ES6: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } } การทำงาน: const MyComponent = (props) => { return ( <div></div> ); } ฉันคิดว่าการทำงานเมื่อใดก็ตามที่ไม่มีสถานะที่จะจัดการโดยองค์ประกอบนั้น แต่มันคืออะไร? ฉันเดาว่าถ้าฉันใช้วิธีวงจรชีวิตใด ๆ มันอาจจะดีที่สุดที่จะไปกับองค์ประกอบตามระดับ

212 javascript  reactjs  ecmascript-6  redux 

เป็นไปได้หรือไม่ที่จะรันอนิเมชั่นสองตัวบนองค์ประกอบที่แตกต่างกันสองอย่างพร้อมกัน? ฉันต้องตรงข้ามของคำถามนี้Jquery ภาพเคลื่อนไหวการเข้าคิว ฉันต้องทำอะไรเช่นนี้ ... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); แต่ในการรันทั้งสองในเวลาเดียวกัน สิ่งเดียวที่ฉันคิดว่าน่าจะใช้setTimeoutเพียงครั้งเดียวสำหรับแต่ละอนิเมชั่น แต่ฉันไม่คิดว่ามันเป็นทางออกที่ดีที่สุด

211 javascript  jquery  animation 

ฉันจะทำให้เป็นอันดับวัตถุกับ JSON ใน JavaScript ได้อย่างไร

211 javascript  json 

ฉันจะรับตำแหน่งคาเร็ตจากภายในช่องป้อนข้อมูลได้อย่างไร ฉันพบบิตและชิ้นส่วนเล็ก ๆ ผ่าน Google แต่ไม่มีสิ่งใดที่สามารถพิสูจน์ได้ โดยทั่วไปบางอย่างเช่นปลั๊กอิน jQuery จะเหมาะที่สุดดังนั้นฉันสามารถทำได้ $("#myinput").caretPosition()

211 javascript  jquery  html 

เมื่อฉันเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใน Google Chrome ฉันเห็นคุณลักษณะทุกอย่างเช่นโปรไฟล์ไทม์ไลน์และการตรวจสอบ แต่ฟังก์ชั่นพื้นฐานเช่นความสามารถในการตั้งจุดพักทั้งในไฟล์ js และภายในโค้ด HTML และจาวาสคริปต์! ฉันพยายามใช้คอนโซล javascript ซึ่งเป็นรถตัวเอง - ตัวอย่างเช่นเมื่อพบข้อผิดพลาด JS ฉันไม่สามารถออกจากมันได้เว้นแต่ฉันจะรีเฟรชทั้งหน้า ใครช่วยได้บ้าง

211 javascript  debugging  google-chrome 

ฉันมีรหัสจาวาสคริปต์บางอย่างที่ทำงานใน FireFox แต่ไม่ใช่ใน Chrome หรือ IE ใน Chrome JS Console ฉันได้รับข้อผิดพลาดดังต่อไปนี้: "Uncaught SyntaxError: การสิ้นสุดอินพุตที่ไม่คาดคิด". รหัส JavaScript ที่ฉันใช้คือ: <script> $(function() { $("#mewlyDiagnosed").hover(function() { $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"}); }, function() { $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"}); }); </script> มันบอกว่าข้อผิดพลาดอยู่ในบรรทัดสุดท้ายซึ่งก็คือ });

211 javascript  jquery  syntax  syntax-error  indentation 

มีวิธีใดบ้างที่ฉันสามารถใช้วิธีmoment.js formatกับวัตถุระยะเวลา ฉันไม่พบที่ใดก็ได้ในเอกสารและไม่เห็นว่าเป็นคุณลักษณะของวัตถุระยะเวลา ฉันต้องการทำสิ่งที่ชอบ: var diff = moment(end).unix() - moment(start).unix(); moment.duration(diff).format('hh:mm:ss') นอกจากนี้หากมีห้องสมุดอื่นใดที่สามารถรองรับฟังก์ชั่นประเภทนี้ได้อย่างง่ายดายฉันจะสนใจเรื่องคำแนะนำอีกครั้ง ขอบคุณ!

211 javascript  momentjs 

ฉันกำลังส่งออกค่าจากฐานข้อมูล (ไม่เปิดให้เข้าสู่สาธารณะจริงๆ แต่เปิดให้ผู้ใช้ที่ บริษัท เข้าสู่รายการ - หมายถึงฉันไม่กังวลเกี่ยวกับXSS ) ฉันพยายามที่จะออกแท็กเช่นนี้: <a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a> DESCRIPTION เป็นค่าจากฐานข้อมูลที่มีลักษณะดังนี้: Prelim Assess "Mini" Report ฉันได้ลองแทนที่ "ด้วย \" แต่ไม่ว่าฉันจะลองอะไร Firefox จะตัดการโทร JavaScript ของฉันหลังจากเว้นวรรคหลังคำประเมินและมันทำให้เกิดปัญหาทุกประเภท ฉันต้องไม่ละคำตอบที่ชัดเจน แต่สำหรับชีวิตของฉันฉันไม่สามารถหาคำตอบได้ ใครสนใจชี้ให้เห็นความโง่ของฉัน? นี่คือหน้า HTML ทั้งหมด (มันจะเป็นหน้าASP.NETในที่สุด แต่เพื่อที่จะแก้ปัญหานี้ฉันก็เอาทุกอย่างออกไปยกเว้นรหัสปัญหา) <html> <body> <a href="#" onclick="DoEdit('Preliminary Assessment \"Mini\"'); return false;">edit</a> </body> </html>

211 javascript  quotes  escaping