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

วิธีใดเป็นวิธีที่ง่ายและดีที่สุดในการเรียกใช้เหตุการณ์การเปลี่ยนแปลงเมื่อตั้งค่าขององค์ประกอบที่เลือก ฉันคาดหวังว่าจะรันโค้ดต่อไปนี้ $('select#some').val(10); หรือ $('select#some').attr('value', 10); จะส่งผลให้เกิดเหตุการณ์การเปลี่ยนแปลงซึ่งฉันคิดว่าเป็นตรรกะที่ดีที่ต้องทำ ขวา? มันไม่ใช่อย่างนั้น คุณต้องทำ triger change () เหตุการณ์โดยทำสิ่งนี้ $('select#some').val(10).change(); หรือ $('select#some').val(10).trigger('change'); แต่ฉันกำลังมองหาวิธีแก้ปัญหาบางอย่างที่จะทำให้เกิดเหตุการณ์การเปลี่ยนแปลงทันทีที่ค่าของการเลือกถูกเปลี่ยนแปลงโดยรหัสจาวาสคริปต์

133 jquery  events  triggers  onchange 

พิจารณาสถานการณ์นี้เพื่อตรวจสอบความถูกต้อง: function validateForm (validCallback) { $('#first-name').add($('#last-name')).add($('#address')).each(function () { // validating fields and adding 'invalid' class to invalid fields. }); // doing validation this way for almost 50 fields (loop over 50 fields) if ($('#holder .invalid').length == 0) { // submitting data here, only when all fields are validated. } } …

133 jquery  asynchronous 

ฉันมี HTML และ jQuery ที่เลื่อนdivขึ้นและลงเพื่อแสดงหรือซ่อนเมื่อมีการคลิกลิงก์: <ul class="product-info"> <li> <a href="#">YOU CLICK THIS TO SHOW/HIDE</a> <div class="toggle"> <p>CONTENT TO SHOW/HIDE</p> </div> </li> </ul> $('div.toggle').hide(); $('ul.product-info li a').click(function(event){ $(this).next('div').slideToggle(200); } คำถามของฉันคือฉันpreventDefault()จะหยุดลิงก์ที่ทำหน้าที่เป็นลิงก์ได้อย่างไรและเพิ่ม "#" ต่อท้าย URL ของฉันและกระโดดขึ้นไปที่ด้านบนสุดของหน้า ฉันไม่สามารถหาไวยากรณ์ที่ถูกต้องได้ฉันเพียง แต่ได้รับข้อผิดพลาดว่า PreventDefault () ไม่ใช่ฟังก์ชัน

133 javascript  jquery 

ฉันกำลังพยายามเปลี่ยน CSS โดยใช้ jQuery: $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ฉันพลาดอะไรไปที่นี่?

133 javascript  jquery  css 

ฉันกำลังเขียนสคริปต์ที่ล็อกเข้าสู่เครือข่ายวิทยาลัยของฉันเมื่อโหลดหน้าเข้าสู่ระบบ โค้ดมีลักษณะดังนี้ // ==UserScript== // @name My Fancy New Userscript // @namespace http://use.i.E.your.homepage/ // @version 0.1 // @description enter something useful // @match <College login page> // @copyright 2012+, You // ==/UserScript== $(document).ready(function() { var usr=document.getElementsByName("username"); var pass = document.getElementByName("password"); usr.value="usrname"; pass.value="password"; var submitButton = document.querySelector ('input[type="submit"][value="Login"]'); var clickEvent = …

133 javascript  jquery  tampermonkey 

ฉันต้องการเริ่มต้นเหตุการณ์เมื่อผู้ใช้เลือกไฟล์ การดำเนินการดัง.changeกล่าวจะได้ผลหากผู้ใช้เปลี่ยนไฟล์ทุกครั้ง แต่ฉันต้องการเริ่มต้นเหตุการณ์หากผู้ใช้เลือกไฟล์เดิมอีกครั้ง ผู้ใช้เลือกไฟล์A.jpg(เหตุการณ์ไฟไหม้) ผู้ใช้เลือกไฟล์B.jpg(เหตุการณ์ไฟไหม้) ผู้ใช้เลือกไฟล์B.jpg(เหตุการณ์ไม่เริ่มทำงานฉันต้องการให้มันเริ่มทำงาน) ฉันจะทำมันได้อย่างไร?

133 jquery  html  events  cross-browser 

ฉันมีรหัสแบบนี้ <form id="abc"> <input type="text" id="txt" /> </form> และตอนนี้ฉันต้องการเปลี่ยนเส้นทางเช่นนี้ var temp = $("#txt").val(); url = "http://example.com/" + temp; window.location.replace(url); // or window.location(url); มีอยู่แล้วใน jQuery เพื่อแก้ปัญหานี้หรือไม่? url = http://example.comมันก็ยังคงช่วยให้ฉันมี

132 javascript  jquery  url  redirect 

ฉันมีแอปพลิเคชันที่ต้องโหลดข้อมูลตามลำดับที่กำหนด: URL รูทจากนั้นสคีมาจากนั้นจึงเริ่มต้นแอปพลิเคชันด้วยสกีมาและ URL สำหรับวัตถุข้อมูลต่างๆ ในขณะที่ผู้ใช้สำรวจแอปพลิเคชันอ็อบเจ็กต์ข้อมูลจะถูกโหลดตรวจสอบความถูกต้องกับสคีมาและแสดง เนื่องจากผู้ใช้ CRUD ข้อมูลสคีมาจะให้การตรวจสอบความถูกต้องก่อน ฉันมีปัญหากับการเริ่มต้น ฉันใช้การเรียก Ajax เพื่อดึงอ็อบเจ็กต์รูท $. เมื่อ () จากนั้นสร้างอาร์เรย์ของสัญญาหนึ่งรายการสำหรับแต่ละออบเจ็กต์สคีมา ที่ได้ผล ฉันเห็นการดึงข้อมูลในคอนโซล จากนั้นฉันเห็นการดึงข้อมูลสำหรับสคีมาทั้งหมดดังนั้นการเรียก $ .ajax () แต่ละครั้งจึงใช้ได้ fetchschemas () ส่งคืนอาร์เรย์ของสัญญา อย่างไรก็ตามสุดท้ายเมื่อประโยค () ไม่เคยเริ่มทำงานและคำว่า "DONE" จะไม่ปรากฏบนคอนโซล ซอร์สโค้ดไปยัง jquery-1.5 ดูเหมือนจะบอกเป็นนัยว่า "null" เป็นที่ยอมรับในฐานะอ็อบเจกต์ที่จะส่งผ่านไปยัง $ .when.apply () เนื่องจากเมื่อ () จะสร้างอ็อบเจ็กต์ Deferred () ภายในเพื่อจัดการรายการหากไม่มีอ็อบเจ็กต์ ผ่านเข้ามา สิ่งนี้ใช้ได้กับ Futures.js อาร์เรย์ของ …

132 jquery  jquery-deferred  .when 

ฉันกำลังพยายามโหลดหน้า HTML ข้ามโดเมนโดยใช้ AJAX แต่เว้นแต่ว่า dataType เป็น "jsonp" ฉันไม่ได้รับคำตอบ อย่างไรก็ตามการใช้ jsonp เบราว์เซอร์คาดหวังประเภท mime ของสคริปต์ แต่ได้รับ "text / html" รหัสของฉันสำหรับคำขอคือ: $.ajax({ type: "GET", url: "http://saskatchewan.univ-ubs.fr:8080/SASStoredProcess/do?_username=DARTIES3-2012&_password=P@ssw0rd&_program=%2FUtilisateurs%2FDARTIES3-2012%2FMon+dossier%2Fanalyse_dc&annee=2012&ind=V&_action=execute", dataType: "jsonp", }).success( function( data ) { $( 'div.ajax-field' ).html( data ); }); มีวิธีหลีกเลี่ยงการใช้ jsonp สำหรับคำขอหรือไม่? ฉันได้ลองใช้พารามิเตอร์ crossDomain แล้ว แต่ไม่ได้ผล หากไม่มีวิธีใดในการรับเนื้อหา html ใน jsonp? ขณะนี้คอนโซลกำลังพูดว่า "ไม่คาดคิด …

132 javascript  jquery  ajax  cross-domain 

ฉันมีฟิลด์ต่อไปนี้ในมุมมอง MVC: @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> ในไฟล์ js ที่แยกจากกันฉันต้องการตั้งค่าdata-helptextแอตทริบิวต์เป็นค่าสตริง นี่คือรหัสของฉัน: alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); การalert()โทรใช้งานได้ดีโดยจะแสดงข้อความ "Old Text" ในกล่องโต้ตอบการแจ้งเตือน อย่างไรก็ตามการเรียกเพื่อตั้งค่าdata-helptextแอตทริบิวต์เป็น "การทดสอบ 123" ไม่ทำงาน "ข้อความเก่า" ยังคงเป็นค่าปัจจุบันของแอตทริบิวต์ ฉันใช้การโทรไปยัง data () ไม่ถูกต้องหรือไม่? ฉันได้ค้นหาสิ่งนี้ในเว็บแล้ว แต่ฉันไม่เห็นว่าฉันทำอะไรผิด นี่คือมาร์กอัป HTML: <input data-helptext="Old Text" id="Course_Title" name="Course.Title" type="text" value="" />

131 jquery  model-view-controller  attributes  custom-data-attribute 

ฉันมีป๊อปอัพกล่องโต้ตอบ JQuery UI ที่แสดงแบบฟอร์ม โดยการเลือกตัวเลือกบางตัวในแบบฟอร์มตัวเลือกใหม่จะปรากฏในแบบฟอร์มทำให้สูงขึ้น สิ่งนี้สามารถนำไปสู่สถานการณ์สมมติที่หน้าหลักมีแถบเลื่อนและกล่องโต้ตอบ JQuery UI มีแถบเลื่อน สถานการณ์สองแถบเลื่อนนี้ไม่น่าดูและสร้างความสับสนให้กับผู้ใช้ ฉันจะทำให้กล่องโต้ตอบ JQuery UI ขยาย (และอาจหดเล็กลง) เพื่อให้พอดีกับเนื้อหาเสมอโดยไม่ต้องแสดงแถบเลื่อนได้อย่างไร ฉันต้องการให้เห็นเฉพาะแถบเลื่อนในหน้าหลักเท่านั้น

131 jquery  jquery-ui  jquery-ui-dialog 

ฉันใช้ jQuery เพื่อซ่อนและแสดงองค์ประกอบเมื่อมีการเปลี่ยนแปลง / คลิกกลุ่มปุ่มตัวเลือก ใช้งานได้ดีในเบราว์เซอร์เช่น Firefox แต่ใน IE 6 และ 7 การดำเนินการจะเกิดขึ้นเมื่อผู้ใช้คลิกที่อื่นบนหน้าเท่านั้น หากต้องการอธิบายอย่างละเอียดเมื่อคุณโหลดหน้าเว็บทุกอย่างดูดี ใน Firefox หากคุณคลิกปุ่มตัวเลือกแถวหนึ่งของตารางจะถูกซ่อนไว้และอีกแถวหนึ่งจะแสดงทันที อย่างไรก็ตามใน IE 6 และ 7 คุณคลิกปุ่มตัวเลือกและจะไม่มีอะไรเกิดขึ้นจนกว่าคุณจะคลิกที่ใดที่หนึ่งบนหน้า จากนั้น IE จะวาดหน้าใหม่ซ่อนและแสดงองค์ประกอบที่เกี่ยวข้อง นี่คือ jQuery ที่ฉันใช้: $(document).ready(function () { $(".hiddenOnLoad").hide(); $("#viewByOrg").change(function () { $(".visibleOnLoad").show(); $(".hiddenOnLoad").hide(); }); $("#viewByProduct").change(function () { $(".visibleOnLoad").hide(); $(".hiddenOnLoad").show(); }); }); นี่คือส่วนหนึ่งของ XHTML ที่มีผลกระทบ ทั้งหน้าตรวจสอบว่า …

131 jquery  internet-explorer 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา สำหรับโปรเจ็กต์ใหม่นี้ฉันได้ค้นหาเฟรมเวิร์กที่รองรับ HTML5 และทำงานบนมือถือนั่นคือ iPhone, IPads ฉันพบสิ่งเหล่านี้: Sencha Touch M-โครงการ jQuery มือถือ jQTouch ไทเทเนียม NimbleKit Wink Toolkit สิ่งสำคัญสำหรับฉันคือ HTML5 แม้ว่าฉันจะพูดถึงคุณสมบัติที่พวกเขานำเสนอ แต่ฉันก็แค่อยากรู้ว่าคุณมีประสบการณ์อะไรบ้าง ฉันควรไปหาอันไหนเมื่อมองหา: เริ่มต้นอย่างรวดเร็ว เอกสารที่ดี การพัฒนาทางเว็บที่คล้ายกัน รองรับแพลตฟอร์มมือถือได้ดี

131 javascript  jquery  html  mobile 

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

131 javascript  jquery  jquery-ui 

ฉันพยายามค้นหาองค์ประกอบทั้งหมดในหน้าที่มีรหัสองค์ประกอบประกอบด้วยข้อความบางอย่าง จากนั้นฉันจะต้องกรององค์ประกอบที่พบตามว่าถูกซ่อนอยู่หรือไม่ ความช่วยเหลือใด ๆ ที่ได้รับการชื่นชมอย่างมาก

131 jquery  search  filter  find  wildcard