การเขียนโปรแกรม javascript

4

ฉันต้องการรับองค์ประกอบโดยใช้แอตทริบิวต์ href ใน jquery หรือ javascript เป็นไปได้หรือไม่

96 javascript jquery html javascript-framework

8

ฉันต้องการที่จะผ่านuserNameจากรายการของuserNameSA modalเข้าสู่ระบบผู้ใช้คลิกบนทวิตเตอร์บูต ฉันใช้Grailsกับangularjsซึ่งข้อมูลจะแสดงผลผ่านทางangularjs การกำหนดค่า หน้ามุมมอง grails ของฉันencouragement.gspคือ <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> ของฉันencourage/_encouragement_modal.gspคือ <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really …

96 javascript twitter-bootstrap grails angularjs

8

AngularJS - วิธีใช้ $ routeParams ในการสร้าง templateUrl?

แอปพลิเคชันของเรามีการนำทาง 2 ระดับ เราต้องการใช้ AngularJS $routeProviderเพื่อจัดเตรียมเทมเพลตให้กับ<ng-view />ไฟล์. ฉันกำลังคิดที่จะทำอะไรบางอย่างตามแนวนี้: angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<secondaryNavHere>>+'.html' }); }]); ฉันไม่รู้วิธีเติมข้อมูลส่วนต่างๆภายในไฟล์<<>>. ฉันรู้ว่า primaryNav และ secondaryNav เชื่อมโยงกับ $ routeParams แต่ฉันจะเข้าถึง $ routeParams ที่นี่เพื่อให้บริการเทมเพลตแบบไดนามิกได้อย่างไร

96 javascript angularjs

3

backbone.js - เหตุการณ์ที่รู้ว่าคลิกอะไร

ในคลาสมุมมอง backbone.js ของฉันฉันมีสิ่งที่ต้องการ: ... events: { 'click ul#perpage span' : 'perpage' }, perpage: function() { // Access the text of the span that was clicked here // Something like: alert($(element).text()) }, ... เนื่องจากมาร์กอัปต่อหน้าของฉันอาจมีบางอย่างเช่น: <ul id="perpage"> <li><span>5</span></li> <li><span>10</span></li> </ul> แล้วฉันจะหาข้อมูลเกี่ยวกับองค์ประกอบที่ทำให้เกิดเหตุการณ์ได้อย่างไร หรือในกรณีนี้มีการคลิก?

96 javascript jquery backbone.js underscore.js

4

เซสชันทำงานใน Express.js กับ Node.js อย่างไร

การใช้Express.jsเซสชันนั้นง่ายมาก ฉันอยากรู้ว่าพวกเขาทำงานอย่างไร มันเก็บคุกกี้ไว้บนไคลเอนต์หรือไม่? ถ้าเป็นเช่นนั้นฉันจะหาคุกกี้ได้ที่ไหน หากจำเป็นฉันจะถอดรหัสได้อย่างไร โดยพื้นฐานแล้วฉันต้องการดูว่าผู้ใช้เข้าสู่ระบบหรือไม่แม้ว่าผู้ใช้จะไม่ได้อยู่บนไซต์จริงในขณะนั้น (เช่น facebook รู้ได้อย่างไรว่าคุณเข้าสู่ระบบเมื่อคุณอยู่ในไซต์อื่น) แต่ฉันควรเข้าใจว่าฉันควรเข้าใจก่อนว่าเซสชันทำงานอย่างไร

96 javascript node.js session cookies express

9

ฉันจะเรียกใช้ฟังก์ชันนิรนามใน PHP ทันทีได้อย่างไร

ใน JavaScript คุณสามารถกำหนดฟังก์ชันที่ไม่ระบุชื่อที่เรียกใช้งานได้ทันที: (function () { /* do something */ })() คุณสามารถทำสิ่งนั้นใน PHP ได้หรือไม่?

96 php javascript function

12

Safari ใน ios8 กำลังเลื่อนหน้าจอเมื่อองค์ประกอบคงที่ได้รับโฟกัส

ใน IOS8 Safari มีข้อผิดพลาดใหม่พร้อมตำแหน่งที่แก้ไข หากคุณโฟกัสพื้นที่ข้อความที่อยู่ในแผงคงที่ Safari จะเลื่อนคุณไปที่ด้านล่างของหน้า สิ่งนี้ทำให้ UI ทุกประเภทไม่สามารถใช้งานได้เนื่องจากคุณไม่มีวิธีป้อนข้อความลงในพื้นที่ข้อความโดยไม่ต้องเลื่อนหน้าลงจนสุดและสูญเสียตำแหน่งของคุณ มีวิธีใดในการแก้ไขข้อบกพร่องนี้อย่างหมดจดหรือไม่? #a { height: 10000px; background: linear-gradient(red, blue); } #b { position: fixed; bottom: 20px; left: 10%; width: 100%; height: 300px; } textarea { width: 80%; height: 300px; } <html> <body> <div id="a"></div> <div id="b"><textarea></textarea></div> </body> </html>

96 javascript ios css safari ios8

1

Sourcemaps ออกทีละบรรทัดใน Chrome พร้อม Ruby on Rails, Webpack และ React JS

ฉันมีปัญหาที่ซอร์สแมปที่สร้างโดย Webpack โดยใช้การinline-source-mapตั้งค่าการกำหนดค่าถูกปิดทีละบรรทัดเมื่อฉันใช้ดีบักเกอร์ Chrome devtools Webpack ได้รับการตั้งค่าภายในแอปพลิเคชัน Ruby on Rails เพื่อสร้างไฟล์ JavaScript ที่ต่อกันและไม่รวมกันซึ่งประกอบด้วยโมดูลสองสามโมดูล โมดูลเหล่านั้นส่วนใหญ่เป็นส่วนประกอบของ ReactJS และถูกแยกวิเคราะห์โดยตัวjsxโหลด จากนั้นเอาต์พุตจาก Webpack จะรวมอยู่ในapplication.jsไฟล์พร้อมกับไลบรารี JavaScript อื่น ๆ ที่สร้างโดยอัญมณี ตอนใช้eval-source-mapก็ไม่มีปัญหา บางอย่างเกี่ยวกับการใช้inline-source-mapสาเหตุที่ทำให้หมายเลขบรรทัดถูกโยนออกไปทีละรายการ การตรวจสอบ JavaScript ที่ไม่ใช่คอมโพเนนต์ React ยังคงมีปัญหานี้อยู่ดังนั้นฉันไม่คิดว่ามันเกี่ยวข้องกับการใช้ jsx

96 javascript ruby-on-rails google-chrome webpack source-maps

9

จะวาดรูปหลายเหลี่ยมบนผ้าใบ HTML5 ได้อย่างไร?

ฉันต้องการรู้วิธีวาดรูปหลายเหลี่ยมบนผืนผ้าใบ โดยไม่ต้องใช้ jQuery หรืออะไรแบบนั้น

96 javascript css html canvas

6

ป้องกันการเปลี่ยนเส้นทางแบบฟอร์มหรือรีเฟรชเมื่อส่ง?

ฉันค้นหาผ่านหน้าเว็บมากมาย แต่ไม่พบปัญหาของฉันฉันจึงต้องโพสต์ ฉันมีแบบฟอร์มที่มีปุ่มส่งและเมื่อส่งแล้วฉันต้องการไม่ให้รีเฟรชหรือเปลี่ยนเส้นทาง ฉันแค่ต้องการให้ jQuery ทำหน้าที่ นี่คือแบบฟอร์ม: <form id="contactForm"> <fieldset> <label for="Name">Name</label> <input id="contactName" type="text" /> </fieldset> <fieldset> <label for="Email">Email</label> <input id="contactEmail" type="text" /> </fieldset> <fieldset class="noHeight"> <textarea id="contactMessage" cols="20"></textarea> <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" /> </fieldset> </form> <small id="messageSent">Your message has been sent.</small> และนี่คือ jQuery: function sendContactForm(){ $("#messageSent").slideDown("slow"); setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', …

96 javascript jquery html forms

14

จะรับตัวแปร GET และ POST ด้วย JQuery ได้อย่างไร

ฉันจะรับGETและให้POSTคุณค่ากับ JQuery ได้อย่างไร สิ่งที่ฉันต้องการทำมีดังนี้: $('#container-1 > ul').tabs().tabs('select', $_GET('selectedTabIndex'));

96 javascript jquery

4

setState กับ replaceState ใน React.js

ฉันยังใหม่กับ React.js Library และฉันกำลังอ่านบทแนะนำบางส่วนและฉันก็เจอ: this.setState this.replaceState คำอธิบายที่ระบุไม่ชัดเจนมากนัก (IMO) setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. ในทำนองเดียวกัน The replaceState() method is for when you want to clear out the values already in state, and add new ones. ฉันลองthis.setState({data: someArray});ตามด้วยthis.replaceState({test: …

96 javascript frontend reactjs

10

TypeError: p.easing [this.easing] ไม่ใช่ฟังก์ชัน

เมื่อพยายามแสดงองค์ประกอบ div ด้วย jQuery ฉันได้รับข้อผิดพลาดนี้: [23:50:35.971] TypeError: p.easing[this.easing] is not a function @ file:///D:/html5%20puzzle/jquery.js:2 ฟังก์ชั่นที่เกี่ยวข้องคือ: function showWithAnimation(){ console.log('animation called'); $('#popup').show(); $("#popup").css({"top": "30%", "left": "30%"}) .animate({top:(($(window).height()/2)-($('#popup') .outerHeight()/2))-70}, 1000, 'easeOutBounce') .show(); } ฟังก์ชั่นนี้มีหน้าที่ในการแสดง div พร้อมกับภาพเคลื่อนไหวการตีกลับอย่างไรก็ตาม div จะแสดง แต่ไม่มีเอฟเฟกต์ตีกลับ แก้ไข: ฉันรวมไลบรารี jQuery และ jQueryUI จาก CDN เช่นนี้ (ตามลำดับ): <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script> <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js'> </script>

96 javascript jquery html

2

มีวิธีที่ดีในการแนบวัตถุ JavaScript กับองค์ประกอบ HTML หรือไม่?

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

96 javascript dom

19

ตั้งค่าโฟกัสของเมาส์และเลื่อนเคอร์เซอร์ไปที่จุดสิ้นสุดของอินพุตโดยใช้ jQuery

คำถามนี้ถูกถามในรูปแบบที่แตกต่างกันสองสามรูปแบบ แต่ฉันไม่สามารถหาคำตอบใด ๆ ในสถานการณ์ของฉัน ฉันใช้ jQuery เพื่อใช้ประวัติคำสั่งเมื่อผู้ใช้กดลูกศรขึ้น / ลง เมื่อลูกศรขึ้นฉันจะแทนที่ค่าอินพุตด้วยคำสั่งก่อนหน้าและตั้งโฟกัสที่ช่องป้อนข้อมูล แต่ต้องการให้เคอร์เซอร์อยู่ในตำแหน่งที่ส่วนท้ายของสตริงอินพุตเสมอ รหัสของฉันตามที่เป็น: $(document).keydown(function(e) { var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; var input = self.shell.find('input.current:last'); switch(key) { case 38: // up lastQuery = self.queries[self.historyCounter-1]; self.historyCounter--; input.val(lastQuery).focus(); // and it continues on from there ฉันจะบังคับให้วางเคอร์เซอร์ไว้ที่ส่วนท้ายของ 'input' …

96 javascript jquery focus cursor

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