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

6

ฉันต้องการเลือกชุดขององค์ประกอบที่เป็นทั้งประเภทอินพุตบางประเภท (เช่นช่องทำเครื่องหมาย) และมีคลาสที่ใช้ jQuery อย่างไรก็ตามเมื่อฉันลองทำสิ่งต่อไปนี้: $("input:checkbox .myClass") ฉันไม่ได้รับสินค้าคืน ฉันจะทำสิ่งนี้ให้สำเร็จใน jQuery ได้อย่างไร?

120 jquery

13

ฉันจะตรวจสอบ Google reCAPTCHA v2 โดยใช้ javascript / jQuery ได้อย่างไร

ฉันมีแบบฟอร์มติดต่อง่ายๆใน aspx ฉันต้องการตรวจสอบ reCaptcha (ฝั่งไคลเอ็นต์) ก่อนส่งแบบฟอร์ม กรุณาช่วย. โค้ดตัวอย่าง: <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Test Form</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script> $("#cmdSubmit").click(function () { //need to validate the captcha }); </script> </head> <body> …

120 javascript jquery asp.net google-api recaptcha

11

ตอบสนอง JS onClick ตัวจัดการเหตุการณ์

ฉันมี var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); ฉันต้องการระบายสีพื้นหลังขององค์ประกอบรายการที่คลิก ฉันจะทำสิ่งนี้ใน React ได้อย่างไร? สิ่งที่ต้องการ $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

120 javascript jquery reactjs

7

Bootstrap Carousel: ลบสไลด์อัตโนมัติ

ฉันใช้ Bootstrap Carousel สิ่งที่ฉันต้องการก็คือแถบเลื่อนจะเลื่อนเมื่อมีการคลิกการนำทางหรือการแบ่งหน้าเท่านั้น ฉันได้ลองลบแล้ว $('.carousel').carousel({ interval: 6000 }); ใช้งานได้ดี แต่ปัญหาของฉันคือเมื่อฉันคลิกการนำทางหรือการแบ่งหน้าแล้วตอนนี้ก็เลื่อนอัตโนมัติ สามารถถอดฟังก์ชั่นเลื่อนอัตโนมัติได้หรือไม่? ถ้าเป็นอย่างไร

120 javascript jquery twitter-bootstrap

14

ฉันจะเปลี่ยนข้อความขององค์ประกอบโดยไม่เปลี่ยนองค์ประกอบลูกได้อย่างไร

ฉันต้องการอัปเดตข้อความขององค์ประกอบแบบไดนามิก: <div> **text to change** <someChild> text that should not change </someChild> <someChild> text that should not change </someChild> </div> ฉันยังใหม่กับ jQuery ดังนั้นงานนี้ดูเหมือนจะค่อนข้างท้าทายสำหรับฉัน ใครช่วยชี้ฉันไปที่ฟังก์ชัน / ตัวเลือกที่จะใช้? ถ้าเป็นไปได้ฉันต้องการทำโดยไม่ต้องเพิ่มคอนเทนเนอร์ใหม่สำหรับข้อความที่ฉันต้องการเปลี่ยนแปลง

120 javascript jquery

13

การเปลี่ยนเคอร์เซอร์เป็นการรอใน javascript / jquery

ฉันจะเปลี่ยนเคอร์เซอร์เป็นไอคอนโหลดนี้ได้อย่างไรเมื่อมีการเรียกใช้ฟังก์ชันและฉันจะเปลี่ยนกลับเป็นเคอร์เซอร์ปกติใน javascript / jquery ได้อย่างไร

120 javascript jquery html

7

Jquery เพื่อเปลี่ยนการกระทำของฟอร์ม

ฉันมีปุ่มสองปุ่มในแบบฟอร์มและต้องเรียกสองหน้าที่แตกต่างกันเมื่อมีการคลิก เมื่อคลิก button1 แล้วต้องโหลด page1 และเมื่อคลิก button2 แล้วต้องโหลด page2 ฉันรู้วิธีทำใน javascript แต่ฉันไม่รู้วิธีทำใน jquery มีใครช่วยฉันได้บ้าง

120 jquery

6

ฉันจะสร้างภาพหมุนด้วย CSS เพียงอย่างเดียวได้อย่างไร

ฉันต้องการสร้างภาพหมุนซึ่งผู้ใช้สามารถสลับไปมาระหว่างภาพต่างๆได้โดยคลิกที่ลูกศร ตัวอย่างเช่น: อย่างไรก็ตามฉันใช้ได้เฉพาะ HTML และ CSS เท่านั้นไม่มี JavaScript (ดังนั้น jQuery) ฉันต้องการการตั้งค่าพื้นฐาน การเปลี่ยนที่ราบรื่นและสิ่งที่คล้ายกันนั้นไม่จำเป็น ฉันจะทำสิ่งนี้ให้สำเร็จได้อย่างไร

119 javascript jquery html css

7

จะทำ Jquery Callback หลังจากส่งแบบฟอร์มได้อย่างไร?

ฉันมีรูปแบบง่ายๆด้วย remote = true แบบฟอร์มนี้อยู่ในกล่องโต้ตอบ HTML ซึ่งจะปิดทันทีที่คลิกปุ่มส่ง ตอนนี้ฉันต้องทำการเปลี่ยนแปลงบางอย่างในหน้า HTML หลักหลังจากส่งแบบฟอร์มสำเร็จแล้ว ฉันลองใช้ jQuery แต่สิ่งนี้ไม่มั่นใจว่างานจะสำเร็จหลังจากการตอบสนองบางรูปแบบของการส่งแบบฟอร์ม $("#myform").submit(function(event) { // do the task here .. }); ฉันจะแนบการโทรกลับได้อย่างไรเพื่อให้รหัสของฉันถูกเรียกใช้หลังจากส่งแบบฟอร์มสำเร็จแล้วเท่านั้น มีวิธีใดบ้างในการเพิ่มการเรียกกลับ. สำเร็จหรือการเรียกกลับแบบสมบูรณ์ในแบบฟอร์ม?

119 javascript jquery html asp.net webforms

9

โซลูชันทางเลือกของ HTML5 Local Storage [ปิด]

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังมองหาไลบรารี javascript และโค้ดที่สามารถจำลองได้ localStorageบนเบราว์เซอร์ที่ไม่มีการรองรับดั้งเดิม โดยพื้นฐานแล้วฉันต้องการโค้ดไซต์ของฉันโดยใช้localStorageเพื่อจัดเก็บข้อมูลและรู้ว่าจะยังคงใช้งานได้บนเบราว์เซอร์ที่ไม่รองรับ นี่หมายความว่าไลบรารีจะตรวจพบว่าwindow.localStorageมีอยู่หรือไม่และใช้หากมี หากไม่มีอยู่ก็จะสร้างวิธีการสำรองในพื้นที่จัดเก็บในเครื่องโดยสร้างการใช้งานของตัวเองในwindow.localStorageเนมสเปซ จนถึงตอนนี้ฉันพบวิธีแก้ปัญหาเหล่านี้แล้ว: การใช้งานsessionStorageอย่างง่าย การใช้งานที่ใช้คุกกี้ (ไม่ตื่นเต้นกับแนวคิดนี้) dojox.storageของ Dojo แต่มันเป็นของของตัวเองไม่ใช่ทางเลือกอื่น ฉันเข้าใจว่า Flash และ Silverlight สามารถใช้สำหรับพื้นที่จัดเก็บข้อมูลในเครื่องได้เช่นกัน แต่ไม่พบสิ่งใดในการใช้เป็นทางเลือกสำหรับ HTML5 localStorage มาตรฐาน บางที Google Gears ก็มีความสามารถนี้ด้วย? โปรดแบ่งปันไลบรารีทรัพยากรหรือตัวอย่างโค้ดที่เกี่ยวข้องที่คุณพบ! ฉันสนใจเป็นพิเศษในการแก้ปัญหาที่ใช้ javascript หรือ jquery แต่ฉันเดาว่าไม่น่าเป็นไปได้

119 javascript jquery flash html local-storage

10

การป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติเมื่อโหลดหน้าเว็บ

ดังนั้นจะมีการป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติในการโหลดหน้าเว้นแต่จะคลิกปุ่มถัดไปหรือก่อนหน้า ขอบคุณ

119 jquery twitter-bootstrap carousel

5

ใช้ ASP.NET MVC validation กับ jquery ajax?

ฉันมีแอคชั่น ASP.NET MVC ง่ายๆดังนี้: public ActionResult Edit(EditPostViewModel data) { } EditPostViewModelมีแอตทริบิวต์การตรวจสอบเช่นนี้ [Display(Name = "...", Description = "...")] [StringLength(100, MinimumLength = 3, ErrorMessage = "...")] [Required()] public string Title { get; set; } ในมุมมองฉันกำลังใช้ตัวช่วยต่อไปนี้: @Html.LabelFor(Model => Model.EditPostViewModel.Title, true) @Html.TextBoxFor(Model => Model.EditPostViewModel.Title, new { @class = "tb1", @Style = "width:400px;" }) หากฉันส่งแบบฟอร์มที่กล่องข้อความนี้อยู่ในการตรวจสอบความถูกต้องจะดำเนินการก่อนบนไคลเอนต์จากนั้นจึงใช้บริการ …

119 jquery ajax asp.net-mvc validation

26

จะตรวจสอบช่องทำเครื่องหมายทั้งหมดโดยใช้ jQuery ได้อย่างไร

ฉันไม่เชี่ยวชาญกับ jQuery แต่ฉันพยายามสร้างสคริปต์เล็ก ๆ น้อย ๆ สำหรับแอปพลิเคชันของฉัน ฉันต้องการทำเครื่องหมายในช่องทำเครื่องหมายทั้งหมด แต่ทำงานไม่ถูกต้อง ก่อนอื่นฉันลองใช้attrและหลังจากนั้นฉันก็ลองใช้propแต่ฉันทำอะไรผิดพลาด ฉันลองสิ่งนี้ก่อน: $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); แต่ไม่ได้ผล ถัดไป: ทำงานได้ดีกว่าโค้ดด้านบน $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); ทั้งสองตัวอย่างไม่ทำงาน JSFiddle: http://jsfiddle.net/hhZfu/4/

119 javascript jquery checkbox

7

jQuery เลิกใช้ XMLHTTPRequest แบบซิงโครนัสแล้ว

เช่นเดียวกับคนอื่น ๆ เว็บไซต์ของฉันใช้ jQuery เมื่อฉันเปิดเครื่องมือสำหรับนักพัฒนาฉันเห็นคำเตือนที่ระบุว่า XMLHTTPRequest คือ เลิกใช้งานเนื่องจากผลกระทบที่เป็นอันตรายต่อประสบการณ์ของผู้ใช้ปลายทาง ฉันอ่านบางส่วนของเอกสารแต่มันค่อนข้างเป็นเทคนิค มีใครสามารถอธิบายผลของการเปลี่ยนจาก XMLHTTPRequest เป็น WHATWG ได้หรือไม่? กล่าวว่าเกิดขึ้นในปี 2555 นอกจากนี้เอกสารยังระบุด้วยว่า Synchronous XMLHttpRequest ภายนอกคนงานกำลังอยู่ในขั้นตอนการลบออกจากแพลตฟอร์มเว็บเมื่อเป็นเช่นนั้นหากตัวแทนผู้ใช้มีพวกเขาในบริการพวกเขาจำเป็นต้องแก้ไขโค้ดที่มีอยู่หรือไม่

119 javascript jquery ajax xmlhttprequest

11

เข้าถึงเหตุการณ์เพื่อเรียกใช้ป้องกันความผิดพลาดจากฟังก์ชันที่กำหนดเองที่มาจากแอตทริบิวต์ onclick ของแท็ก

ฉันมีลิงค์ดังนี้: <a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a> <a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a> และฉันต้องการที่จะทำpreventDefault()ภายในmyfunc()เพราะ#จะถูกเพิ่มในแถบที่อยู่เมื่อคลิกที่ลิงค์ (โดยไม่ต้องทำreturn false;หรือhref='javascript:void(0);') เป็นไปได้หรือไม่ ฉันขอเข้าร่วมกิจกรรมได้ไหมmyfunc()

119 javascript jquery html

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