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

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังพยายามสร้าง "ฟอง" ที่สามารถป๊อปอัปเมื่อonmouseoverเหตุการณ์เริ่มขึ้นและจะยังคงเปิดอยู่ตราบเท่าที่เมาส์อยู่เหนือรายการที่โยนonmouseoverเหตุการณ์หรือหากเลื่อนเมาส์ไปที่ฟอง ฟองของฉันจะต้องมีมารยาทในการใช้ HTML และการจัดรูปแบบรวมทั้งไฮเปอร์ลิงก์รูปภาพ ฯลฯ โดยพื้นฐานแล้วฉันทำได้สำเร็จโดยเขียน JavaScript ที่น่าเกลียดประมาณ 200 บรรทัด แต่ฉันต้องการหาปลั๊กอิน jQuery หรือวิธีอื่นในการทำความสะอาดเล็กน้อย

99 javascript  jquery  html  css 

ฉันมีรหัสที่น่าพิศวงนี้: function Task(data) { this.title = ko.observable(data.title); this.isDone = ko.observable(data.isDone); } function TaskListViewModel() { // Data var self = this; self.tasks = ko.observableArray([]); self.newTaskText = ko.observable(); self.incompleteTasks = ko.computed(function() { return ko.utils.arrayFilter(self.tasks(), function(task) { return !task.isDone() }); }); // Operations self.addTask = function() { self.tasks.push(new Task({ title: this.newTaskText() })); self.newTaskText(""); …

99 javascript  knockout.js 

ฉันพยายามป้องกันไม่ให้เบราว์เซอร์ใช้เอ:hoverฟเฟกต์ของ CSS ผ่าน JavaScript ฉันตั้งค่าaและa:hoverสไตล์ใน CSS ของฉันเพราะฉันต้องการเอฟเฟกต์โฮเวอร์ถ้า JS ไม่พร้อมใช้งาน แต่ถ้า JS เป็นใช้ได้ผมต้องการที่จะเขียนทับผลโฉบ CSS ของฉันกับความนุ่มนวลหนึ่ง (โดยใช้สี jQuery ปลั๊กอินเช่น.) ฉันลองสิ่งนี้: $("ul#mainFilter a").hover( function(e){ e.preventDefault(); ...do my stuff... }, function(e){ e.preventDefault(); ...do my stuff... }); ฉันลองใช้ด้วยreturn false;แต่มันไม่ได้ผล นี่คือตัวอย่างของปัญหาของฉัน: http://jsfiddle.net/4rEzz/ ลิงก์ควรจางลงโดยไม่เป็นสีเทา ดังที่กล่าวไว้โดย fudgey วิธีแก้ปัญหาคือการรีเซ็ตรูปแบบโฮเวอร์โดยใช้.css()แต่ฉันจะต้องเขียนทับทุกคุณสมบัติเดียวที่ระบุใน CSS (ดูที่นี่: http://jsfiddle.net/raPeX/1/ ) ฉันกำลังมองหาวิธีแก้ปัญหาทั่วไป ไม่มีใครรู้วิธีการทำเช่นนี้? PS: ฉันไม่ต้องการเขียนทับทุกสไตล์ที่ฉันตั้งไว้สำหรับการวางเมาส์เหนือ

99 javascript  jquery  css 

หมายเหตุ: คำถามนี้เกี่ยวข้องกับ Grunt 0.3.x เท่านั้นและถูกทิ้งไว้ให้อ้างอิง สำหรับความช่วยเหลือเกี่ยวกับ Grunt 1.x รุ่นล่าสุดโปรดดูความคิดเห็นของฉันด้านล่างคำถามนี้ ฉันกำลังพยายามใช้ Grunt.js เพื่อตั้งค่ากระบวนการสร้างอัตโนมัติสำหรับการเชื่อมต่อครั้งแรกจากนั้นจึงลดขนาดไฟล์ CSS และ JavaScript ฉันสามารถเชื่อมต่อและย่อขนาดไฟล์ JavaScript ของฉันได้สำเร็จแม้ว่าทุกครั้งที่ฉันเรียกใช้คำรามดูเหมือนว่าจะต่อท้ายไฟล์แทนที่จะเขียนทับ สำหรับการย่อขนาดหรือแม้แต่การเชื่อมต่อ CSS ฉันยังไม่สามารถดำเนินการได้ในตอนนี้! ในแง่ของโมดูล CSS แสมผมได้ลองใช้consolidate-css, grunt-cssและcssminแต่จะไม่มีประโยชน์ ไม่สามารถเข้าใจวิธีการใช้งานได้! โครงสร้างไดเร็กทอรีของฉันเป็นดังนี้ (เป็นแอ็พพลิเคชัน node.js ทั่วไป): app.js คำราม js /public/index.html / public / css / [ไฟล์ css ต่างๆ] / public / js / [ไฟล์ javascript ต่างๆ] …

99 javascript  css  concatenation  minify  gruntjs 

Google Maps InfoWindow เริ่มต้นสำหรับเครื่องหมายบนแผนที่นั้นกลมมาก ฉันจะสร้าง InfoWindow แบบกำหนดเองที่มีมุมสี่เหลี่ยมได้อย่างไร

99 javascript  html  css  google-maps 

ตัวอย่างง่ายๆ: ฉันต้องการมีบางรายการบนเพจ (เช่น divs หรือแถวตาราง) และฉันต้องการให้ผู้ใช้คลิกเพื่อเลือก ดูเหมือนง่ายพอใน jQuery เพื่อบันทึกรายการที่ผู้ใช้คลิกโดยไม่มีการโพสต์กลับฝั่งเซิร์ฟเวอร์ฉันคิดว่าคุกกี้น่าจะเป็นวิธีง่ายๆในการทำสิ่งนี้ ในกรณีนี้สมมติฐานว่าคุกกี้ใช้ได้หรือไม่? ถ้าถูกต้อง jQuery API มีวิธีอ่าน / เขียนข้อมูลคุกกี้ที่ดีกว่า JavaScript API เริ่มต้นหรือไม่

99 javascript  jquery  cookies 

เว็บแอปพลิเคชัน JS แบบหน้าเดียวที่ซับซ้อนควรมีโครงสร้างอย่างไรในฝั่งไคลเอ็นต์ โดยเฉพาะอย่างยิ่งฉันอยากรู้เกี่ยวกับวิธีการจัดโครงสร้างแอปพลิเคชันอย่างหมดจดในแง่ของโมเดลอ็อบเจ็กต์ส่วนประกอบ UI คอนโทรลเลอร์และอ็อบเจ็กต์ที่จัดการกับความคงอยู่ของเซิร์ฟเวอร์ MVC ดูเหมือนจะพอดีในตอนแรก แต่ด้วยองค์ประกอบ UI ที่ซ้อนกันในระดับความลึกต่างๆ (แต่ละส่วนมีวิธีดำเนินการ / ตอบสนองต่อข้อมูลแบบจำลองของตนเองและแต่ละเหตุการณ์ที่สร้างขึ้นซึ่งพวกเขาเองอาจจัดการหรือไม่สามารถจัดการได้โดยตรง) ดูเหมือนว่า MVC จะไม่สามารถใช้งานได้อย่างหมดจด (แต่โปรดแก้ไขฉันหากไม่เป็นเช่นนั้น) - ( คำถามนี้ส่งผลให้มีคำแนะนำสองข้อในการใช้ ajax ซึ่งจำเป็นอย่างยิ่งสำหรับสิ่งอื่นนอกเหนือจากแอปหน้าเดียวที่ไม่สำคัญที่สุด)

99 javascript  design-patterns  web-applications  architecture  singlepage 

อะไรคือความแตกต่างระหว่างempty()และremove()วิธีการในjQueryและเมื่อเราเรียกวิธีการใด ๆ เหล่านี้วัตถุที่สร้างขึ้นจะถูกทำลายและปล่อยหน่วยความจำออกมา?

99 javascript  jquery  dom-manipulation 

เป็นการยากที่จะอธิบายกรณีด้วยคำพูดขอฉันยกตัวอย่าง: var myObj = { 'name': 'Umut', 'age' : 34 }; var prop = 'name'; var value = 'Onur'; myObj[name] = value; // This does not work eval('myObj.' + name) = value; //Bad coding ;) ฉันจะตั้งค่าคุณสมบัติตัวแปรด้วยค่าตัวแปรในออบเจ็กต์ JavaScript ได้อย่างไร

99 javascript  object  properties  set 

ฉันใช้กล่องโต้ตอบ jquery เพื่อนำเสนอแบบฟอร์ม (ดึงข้อมูลผ่าน AJAX) ในบางรูปแบบฉันใช้ CKEditor สำหรับ textareas ตัวแก้ไขแสดงผลได้ดีในการโหลดครั้งแรก เมื่อผู้ใช้ยกเลิกกล่องโต้ตอบฉันกำลังลบเนื้อหาเพื่อให้มีการโหลดใหม่ตามคำขอในภายหลัง ปัญหาคือเมื่อกล่องโต้ตอบถูกโหลดซ้ำ CKEditor อ้างว่ามีตัวแก้ไขอยู่แล้ว uncaught exception: [CKEDITOR.editor] The instance "textarea_name" already exists. API มีวิธีการทำลายบรรณาธิการที่มีอยู่และฉันเคยเห็นคนที่อ้างว่านี่เป็นวิธีแก้ปัญหา: if (CKEDITOR.instances['textarea_name']) { CKEDITOR.instances['textarea_name'].destroy(); } CKEDITOR.replace('textarea_name'); สิ่งนี้ไม่ได้ผลสำหรับฉันเนื่องจากฉันได้รับข้อผิดพลาดใหม่แทน: TypeError: Result of expression 'i.contentWindow' [null] is not an object. ข้อผิดพลาดนี้ดูเหมือนจะเกิดขึ้นบน "destroy ()" แทนที่จะเป็น "replace ()" มีใครประสบปัญหานี้และพบวิธีแก้ปัญหาอื่น ๆ หรือไม่? …

99 javascript  ckeditor 

เมื่อดูซอร์สโค้ดออนไลน์ฉันพบสิ่งนี้ที่ด้านบนของไฟล์ต้นฉบับหลาย ๆ ไฟล์ var FOO = FOO || {}; FOO.Bar = …; แต่ฉันไม่รู้ว่า|| {}จะทำอย่างไร ฉันรู้ว่า{}มีค่าเท่ากับnew Object()และฉันคิดว่า||มีไว้สำหรับบางสิ่งเช่น "ถ้ามีอยู่แล้วให้ใช้ค่าอื่นให้ใช้วัตถุใหม่ เหตุใดฉันจึงเห็นสิ่งนี้ที่ด้านบนของไฟล์ต้นฉบับ

99 javascript  namespaces  variable-declaration  or-operator 

สมมติว่าฉันมี<div>องค์ประกอบสามอย่างในหนึ่งหน้า ฉันจะสลับตำแหน่งของครั้งแรกและครั้งที่สามได้อย่างไร<div>อย่างไร? jQuery ใช้ได้

99 javascript  jquery  dom 

จากคำตอบอื่นใน Stackoverflow คือการแปลงจากวันที่ Javascript เป็น. net DateTime: long msSinceEpoch = 1260402952906; // Value from Date.getTime() in JavaScript return new DateTime(1970, 1, 1) + new TimeSpan(msSinceEpoch * 10000); แต่จะทำอย่างไรกลับกัน? DateTime ถึง Javascript Date?

99 c#  .net  javascript 

ฉันมี div id="a"ซึ่งอาจมีจำนวนคลาสที่แนบมาจากหลายกลุ่ม แต่ละกลุ่มมีคำนำหน้าเฉพาะ ในจาวาสคริปต์ฉันไม่รู้ว่าคลาสจากกลุ่มไหนอยู่บน div ฉันต้องการล้างชั้นเรียนทั้งหมดด้วยคำนำหน้าที่กำหนดแล้วเพิ่มใหม่ ถ้าฉันต้องการลบคลาสทั้งหมดที่ขึ้นต้นด้วย "bg" ฉันจะทำอย่างไร อะไรทำนองนี้ แต่ใช้งานได้จริง: $("#a").removeClass("bg*");

99 javascript  jquery  css 

ฉันพยายามที่จะตัดวิธีการโดยใช้ sinon.js แต่ฉันได้รับข้อผิดพลาดต่อไปนี้: Uncaught TypeError: Attempted to wrap undefined property sample_pressure as function ฉันไปที่คำถามนี้ด้วย (การพูดติดอ่างและ / หรือล้อเลียนชั้นเรียนใน sinon.js? ) และคัดลอกและวางรหัส แต่ฉันได้รับข้อผิดพลาดเดียวกัน นี่คือรหัสของฉัน: Sensor = (function() { // A simple Sensor class // Constructor function Sensor(pressure) { this.pressure = pressure; } Sensor.prototype.sample_pressure = function() { return this.pressure; }; return Sensor; })(); …

99 javascript  node.js  sinon