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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

6
ลบคลาสทั้งหมดยกเว้นคลาสเดียว
ฉันรู้ว่าด้วยการกระทำ jQuery เราสามารถเพิ่มคลาสจำนวนมากให้กับ div เฉพาะ: <div class="cleanstate"></div> สมมติว่าด้วยการคลิกและสิ่งอื่น ๆ div ได้รับคลาสมากมาย <div class="cleanstate bgred paddingleft allcaptions ..."></div> ดังนั้นฉันจะลบคลาสทั้งหมดยกเว้นคลาสเดียวได้อย่างไร ความคิดเดียวที่ฉันเกิดขึ้นคือ: $('#container div.cleanstate').removeClass().addClass('cleanstate'); ในขณะที่removeClass()ฆ่าคลาสทั้งหมด div addClass('cleanstate')ก็ถูกทำให้เสียหายแต่การเพิ่มหลังจากนั้นจะกลับสู่สภาวะปกติ วิธีแก้ปัญหาอื่นคือใส่แอตทริบิวต์ ID พร้อมคุณสมบัติ CSS พื้นฐานเพื่อไม่ให้ถูกลบสิ่งที่ช่วยเพิ่มประสิทธิภาพ แต่ฉันแค่อยากรู้วิธีอื่นในการกำจัดทั้งหมดยกเว้น ".cleanstate" ฉันถามสิ่งนี้เพราะในสคริปต์จริง div มีการเปลี่ยนแปลงต่างๆของคลาส

8
jQuery เลือกองค์ประกอบตัวเลือกตามค่า
ฉันมีองค์ประกอบที่เลือกห่อด้วยองค์ประกอบช่วง ฉันไม่ได้รับอนุญาตให้ใช้รหัสการเลือก แต่ฉันได้รับอนุญาตให้ใช้รหัสช่วง ฉันกำลังพยายามเขียนฟังก์ชัน javascript / jquery ซึ่งอินพุตเป็นตัวเลข i ซึ่งเป็นหนึ่งในค่าของตัวเลือกของตัวเลือก ฟังก์ชันจะเปลี่ยนตัวเลือกที่เกี่ยวข้องให้เลือก <span id="span_id"> <select id="h273yrjdfhgsfyiruwyiywer" multiple="multiple"> <option value="1">cleaning</option> <option value="2">food-2</option> <option value="3">toilet</option> <option value="4">baby</option> <option value="6">knick-knacks</option> <option value="9">junk-2</option> <option value="10">cosmetics</option> </select> </span> ฉันเขียนบางสิ่งดังต่อไปนี้ (สิ่งนี้ไม่ได้ผลอย่างสมบูรณ์ซึ่งเป็นสาเหตุที่ฉันโพสต์คำถามนี้): function select_option(i) { options = $('#span_id').children('select').children('option'); //alert(options.length); //7 //alert(options[0]); //[object HTMLOptionElement] //alert(options[0].val()); //not a jquery element …

6
เปลี่ยนเส้นทางสถานะไปยังวัสดุรองเริ่มต้นด้วย UI-Router ใน AngularJS
ฉันกำลังสร้างหน้าตามแท็บซึ่งแสดงข้อมูลบางอย่าง ฉันใช้ UI-Router ใน AngularJs เพื่อลงทะเบียนสถานะ เป้าหมายของฉันคือการเปิดแท็บเริ่มต้นหนึ่งแท็บในการโหลดหน้าเว็บ แต่ละแท็บมีแท็บย่อยและฉันต้องการเปิดแท็บย่อยเริ่มต้นเมื่อเปลี่ยนแท็บ ฉันกำลังทดสอบด้วยonEnterฟังก์ชั่นและข้างในฉันใช้$state.go('mainstate.substate');แต่ดูเหมือนว่าจะไม่ทำงานเนื่องจากปัญหาผลกระทบของลูป (ใน state.go เพื่อแทนที่มันเรียกสถานะแม่และอื่น ๆ และมันจะกลายเป็นลูป) $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) นี่ฉันสร้างสาธิต plunker ตอนนี้ทุกอย่างใช้งานได้ยกเว้นฉันไม่ได้เปิดแท็บเริ่มต้นและนั่นคือสิ่งที่ฉันต้องการ ขอบคุณสำหรับข้อเสนอแนะความคิดเห็นและแนวคิด

8
การประกาศบูลีนใน JavaScript โดยใช้เพียงแค่ var
ถ้าฉันประกาศตัวแปรบูลีนของ JavaScript เช่นนี้: var IsLoggedIn; แล้วเริ่มต้นด้วยอย่างใดอย่างหนึ่งtrueหรือ1ว่าปลอดภัย? หรือจะเริ่มต้นด้วยการ1ทำให้ตัวแปรเป็นตัวเลข?

2
jQuery xml error 'No' Access-Control-Allow-Origin 'มีอยู่ในทรัพยากรที่ร้องขอ'
ฉันกำลังทำโปรเจ็กต์ส่วนตัวของฉันเพื่อความสนุกที่ฉันต้องการอ่านไฟล์ xml ซึ่งอยู่ที่http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml และแยกวิเคราะห์ xml และ ใช้เพื่อแปลงค่าระหว่างสกุลเงิน จนถึงตอนนี้ฉันได้สร้างโค้ดด้านล่างซึ่งค่อนข้างธรรมดาเพื่ออ่าน xml แต่ฉันได้รับข้อผิดพลาดต่อไปนี้ XMLHttpRequest ไม่สามารถโหลด **** ไม่มีส่วนหัว "Access-Control-Allow-Origin" ในทรัพยากรที่ร้องขอ Origin ' http://run.jsbin.com ' จึงไม่อนุญาตให้เข้าถึง $(document).ready( function() { $.ajax({ type: 'GET', url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', dataType: 'xml', success: function(xml){ alert('aaa'); } }); } ); ฉันไม่เห็นอะไรผิดปกติกับรหัสของฉันดังนั้นฉันหวังว่าจะมีคนชี้ให้เห็นว่าฉันทำอะไรผิดกับรหัสของฉันและฉันจะแก้ไขได้อย่างไร

6
การอ้างอิงตัวแปร javascript / นามแฝง
เป็นไปได้ไหมใน javascript ที่จะกำหนดนามแฝง / การอ้างอิงให้กับ local var someway? ฉันหมายถึงสิ่งที่เหมือน C: function foo() { var x = 1; var y = &x; y++; alert(x); // prints 2 } = แก้ไข = เป็นไปได้ไหมที่จะใช้นามแฝง arguments.callee ในรหัสนี้: function foo() { arguments.callee.myStaticVar = arguments.callee.myStaticVar || 0; arguments.callee.myStaticVar++; return arguments.callee.myStaticVar; }
89 javascript 

11
ตัวอย่างที่ดีของการสืบทอดต้นแบบของ JavaScript
ฉันเขียนโปรแกรมด้วยภาษา OOP มานานกว่า 10 ปีแล้ว แต่ตอนนี้ฉันกำลังเรียนรู้ JavaScript และนี่เป็นครั้งแรกที่ฉันได้พบกับการสืบทอดจากต้นแบบ ฉันมักจะเรียนรู้ได้เร็วที่สุดโดยการศึกษาโค้ดที่ดี อะไรคือตัวอย่างของแอปพลิเคชัน JavaScript (หรือไลบรารี) ที่ใช้การสืบทอดต้นแบบอย่างถูกต้อง และคุณสามารถอธิบาย (สั้น ๆ ) ได้อย่างไรว่าใช้การถ่ายทอดทางพันธุกรรมของต้นแบบอย่างไร / ที่ไหนฉันจึงรู้ว่าจะเริ่มอ่านได้ที่ไหน

7
ฉันต้องการเข้าใจไวยากรณ์ของปลั๊กอิน jQuery
ไซต์ jQuery แสดงรายการไวยากรณ์ปลั๊กอินพื้นฐานสำหรับ jQuery ดังนี้: (function( $ ){ $.fn.myPlugin = function() { // there's no need to do $(this) because // "this" is already a jquery object // $(this) would be the same as $($('#element')); this.fadeIn('normal', function(){ // the this keyword is a DOM element }); }; })( jQuery ); …

14
รอเคอร์เซอร์เหนือหน้า html ทั้งหมด
เป็นไปได้ไหมที่จะตั้งค่าเคอร์เซอร์เป็น 'รอ' บนหน้า html ทั้งหมดด้วยวิธีง่ายๆ แนวคิดคือการแสดงให้ผู้ใช้เห็นว่ามีบางอย่างเกิดขึ้นในขณะที่การโทร ajax เสร็จสมบูรณ์ โค้ดด้านล่างแสดงเวอร์ชันที่เรียบง่ายของสิ่งที่ฉันพยายามและยังแสดงให้เห็นถึงปัญหาที่ฉันพบ: หากองค์ประกอบ (# id1) มีการตั้งค่ารูปแบบเคอร์เซอร์มันจะไม่สนใจชุดเดียวในร่างกาย (ชัดเจน) องค์ประกอบบางอย่างมีลักษณะเคอร์เซอร์เริ่มต้น (a) และจะไม่แสดงเคอร์เซอร์รอเมื่อวางเมาส์เหนือ องค์ประกอบของร่างกายมีความสูงที่แน่นอนขึ้นอยู่กับเนื้อหาและหากหน้าสั้นเคอร์เซอร์จะไม่แสดงด้านล่างส่วนท้าย การทดสอบ: <html> <head> <style type="text/css"> #id1 { background-color: #06f; cursor: pointer; } #id2 { background-color: #f60; } </style> </head> <body> <div id="id1">cursor: pointer</div> <div id="id2">no cursor</div> <a href="#" onclick="document.body.style.cursor = 'wait'; return …

1
การเพิ่มโหนดใหม่ในรูปแบบบังคับทิศทาง
คำถามแรกเกี่ยวกับ Stack Overflow ดังนั้นอดทนกับฉัน! ฉันยังใหม่กับ d3.js แต่รู้สึกประหลาดใจอย่างต่อเนื่องกับสิ่งที่คนอื่นทำได้ ... และแทบจะประหลาดใจกับความก้าวหน้าเพียงเล็กน้อยที่ฉันสามารถทำได้ด้วยตัวเอง! เห็นได้ชัดว่าฉันไม่ได้เอะอะอะไรบางอย่างดังนั้นฉันหวังว่าวิญญาณใจดีที่นี่จะแสดงแสงสว่างให้ฉันเห็น ความตั้งใจของฉันคือการสร้างฟังก์ชันจาวาสคริปต์ที่ใช้ซ้ำได้ซึ่งทำสิ่งต่อไปนี้: สร้างกราฟบังคับทิศทางเปล่าในองค์ประกอบ DOM ที่ระบุ ช่วยให้คุณสามารถเพิ่มและลบโหนดที่มีป้ายกำกับและแสดงภาพลงในกราฟนั้นโดยระบุการเชื่อมต่อระหว่างโหนดเหล่านั้น ฉันได้ใช้http://bl.ocks.org/950642เป็นจุดเริ่มต้นเนื่องจากเป็นรูปแบบที่ฉันต้องการสร้าง: นี่คือลักษณะของรหัสของฉัน: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="underscore-min.js"></script> <script type="text/javascript" src="d3.v2.min.js"></script> <style type="text/css"> .link { stroke: #ccc; } .nodetext { pointer-events: none; font: 10px sans-serif; } body { width:100%; height:100%; margin:none; …

10
มีไลบรารี Markdown Javascript หรือการควบคุมที่ดีหรือไม่? [ปิด]
ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันต้องการสร้างไซต์ที่ผู้ใช้สามารถป้อนข้อความและจัดรูปแบบใน Markdown เหตุผลที่ฉันต้องการโซลูชัน Javascript เพราะฉันต้องการแสดงตัวอย่างสดเช่นเดียวกับบน StackOverflow อย่างไรก็ตามไซต์ของฉันไม่ได้กำหนดเป้าหมายไปที่นักพัฒนาดังนั้นการควบคุมตัวแก้ไขจึงเหมาะอย่างยิ่ง ฉันรวบรวมสิ่งนั้นใน StackOverflow กำลังใช้ตัวแก้ไข WMD การค้นหาอย่างรวดเร็วบน Google ยังเปิดไลบรารี Showdown ซึ่งฉันคิดว่า WMD ใช้อยู่จริงๆ มีทางเลือกอื่นอีกไหม? WMD / Showdown เป็นเครื่องมือที่ยอดเยี่ยมแล้วหรือยัง? คุณมีประสบการณ์อะไรบ้างกับตัวเลือกต่างๆ

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

7
ไลบรารีเทมเพลต JavaScript HTML ที่แนะนำสำหรับ JQuery? [ปิด]
ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีข้อเสนอแนะเกี่ยวกับไลบรารีเทมเพลต HTML ใดที่เข้ากันได้ดีกับ JQuery Googling มีห้องสมุดจำนวนมาก แต่ฉันไม่แน่ใจว่ามีห้องสมุดที่ได้รับการยอมรับอย่างดีที่จะยืนหยัดในการทดสอบเวลาหรือไม่

3
เหตุใด Chrome Dev Tool จึงแสดงวันที่ __proto__ เป็นวันที่ไม่ถูกต้อง
ฉันรู้ว่า__proto__เลิกใช้แล้ว (หรือไม่ได้เป็นส่วนหนึ่งของมาตรฐาน) และทั้งหมดนั้น แต่ฉันก็ยังอยากรู้ว่ามันหมายถึงอะไรเมื่อมันบอกว่า Invalid Date เมื่อฉันดู__proto__ค่าของ .. var myDate = new Date(1331869050000);

9
การเพิ่มส่วนหัวที่กำหนดเองในคำขอ HTTP โดยใช้ angular.js
ฉันเป็นมือใหม่ในการใช้ angular.js และฉันกำลังพยายามเพิ่มส่วนหัวในคำขอ: var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); ฉันได้ดูเอกสารทั้งหมดแล้วและดูเหมือนว่าฉันควรจะถูกต้อง เมื่อฉันใช้ไฟล์ในเครื่องสำหรับ URL ใน$http.getฉันจะเห็นคำขอ HTTP ต่อไปนี้บนแท็บเครือข่ายใน Chrome: GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: …

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