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

มีรหัส JavaScript / jQuery ข้ามเบราว์เซอร์ใด ๆ เพื่อตรวจสอบว่าเบราว์เซอร์หรือแท็บเบราว์เซอร์กำลังถูกปิด แต่ไม่ใช่เพราะมีการคลิกลิงค์หรือไม่

306 javascript  jquery 

ฉันใช้ Chrome และเว็บไซต์ของตัวเอง สิ่งที่ฉันรู้จากภายใน: 1 ) ฉันมีแบบฟอร์มที่มีคนลงชื่อสมัครใช้โดยคลิกที่ปุ่มรูปภาพส้ม: 2 ) ฉันตรวจสอบและนี่คือทั้งหมด: <img class="formSend" src="images/botoninscribirse2.png"> 3 ) ที่ด้านบนของซอร์สโค้ดมีซอร์สสคริปต์มากมาย ฉันรู้ว่าปุ่มใดปุ่มหนึ่งเรียกใช้เพราะฉันเขียนมัน:<script src="js/jquery2.js" type="text/javascript"></script> 4 ) ภายในไฟล์นั้นคุณสามารถค้นหา: $(".formSend").click(function() { ... });ซึ่งเป็นสิ่งที่ถูกกระตุ้นโดยปุ่ม (เพื่อทำการตรวจสอบความถูกต้องของแบบฟอร์มที่ค่อนข้างซับซ้อนและส่ง) และสิ่งที่ฉันต้องการคือการพบว่าใช้เครื่องมือ dev Chrome บนเว็บไซต์ใด ๆ ฉันจะทราบได้อย่างไรว่าองค์ประกอบนั้นเรียกที่ใด แท็บฟังไม่ทำงานสำหรับฉัน ดังนั้นฉันจึงลองดูตัวเลือกเหตุการณ์การคลิกซึ่งดูเหมือนจะปลอดภัยสำหรับฉัน แต่ ... ไม่มีjquery2.jsในนั้น (และฉันไม่รู้จริงๆเลยว่าไฟล์ใดที่เป็นรหัสดังนั้นฉันจะเสียเวลาตรวจสอบสิ่งเหล่านี้ทั้งหมด .. .) $(".formSend").click(function() { ... });ฟังก์ชั่นของฉันในjquery2.jsไฟล์ไม่ได้อยู่ที่นั่น Jesseอธิบายว่าทำไม : "ในที่สุดเหตุผลที่ฟังก์ชั่นของคุณไม่เชื่อมโยงโดยตรงกับตัวจัดการเหตุการณ์การคลิกเพราะ jQuery ส่งคืนฟังก์ชันที่ถูกผูกไว้ฟังก์ชันของ …

305 javascript  jquery  google-chrome  google-chrome-devtools 

ฉันต้องการสร้าง div ซึ่งตั้งอยู่ใต้บล็อกของเนื้อหา แต่เมื่อหน้าเว็บถูกเลื่อนพอที่จะติดต่อกับขอบเขตสูงสุดของมันได้รับการแก้ไขในสถานที่และเลื่อนด้วยหน้า

305 javascript  jquery  css  scroll  positioning 

ฉันต้องเปลี่ยน ID ขององค์ประกอบโดยใช้ jQuery เห็นได้ชัดว่าสิ่งเหล่านี้ไม่ทำงาน: jQuery(this).prev("li").attr("id")="newid" jQuery(this).prev("li")="newid" ฉันพบว่าฉันสามารถทำให้เกิดขึ้นกับรหัสต่อไปนี้: jQuery(this).prev("li")show(function() { this.id="newid"; }); แต่นั่นดูเหมือนจะไม่ถูกต้องสำหรับฉัน จะต้องมีวิธีที่ดีกว่าไม่ใช่เหรอ? นอกจากนี้ในกรณีที่ไม่มีวิธีการอื่นที่ฉันสามารถใช้แทน show / hide หรือเอฟเฟกต์อื่น ๆ ได้? เห็นได้ชัดว่าฉันไม่ต้องการแสดง / ซ่อนหรือส่งผลกระทบต่อองค์ประกอบทุกครั้งเพียงแค่เปลี่ยน ID (ใช่ฉันเป็นมือใหม่ jQuery) แก้ไข ฉันไม่สามารถใช้คลาสได้ในกรณีนี้ฉันต้องใช้ ID

302 javascript  jquery 

RequireJS ดูเหมือนว่าจะทำอะไรบางอย่างภายในว่าแคชจำเป็นต้องใช้ไฟล์จาวาสคริปต์ หากฉันทำการเปลี่ยนแปลงหนึ่งในไฟล์ที่ต้องการฉันจะต้องเปลี่ยนชื่อไฟล์เพื่อให้การเปลี่ยนแปลงมีผล เคล็ดลับทั่วไปของการต่อท้ายหมายเลขรุ่นเป็นพารามิเตอร์การสอบถามถึงจุดสิ้นสุดของชื่อไฟล์ไม่สามารถทำงานกับ requirejs <script src="jsfile.js?v2"></script> สิ่งที่ฉันกำลังมองหาคือวิธีป้องกันการแคชภายในสคริปต์ที่ต้องการของ RequireJS โดยไม่ต้องเปลี่ยนชื่อไฟล์สคริปต์ของฉันทุกครั้งที่มีการอัปเดต โซลูชันข้ามแพลตฟอร์ม: ตอนนี้ฉันกำลังใช้urlArgs: "bust=" + (new Date()).getTime()สำหรับแคชอัตโนมัติในระหว่างการพัฒนาและurlArgs: "bust=v2"สำหรับการผลิตที่ฉันเพิ่มเวอร์ชันที่มีรหัสฮาร์ดโค้ดหลังจากเผยแพร่สคริปต์ที่ต้องการที่อัปเดตแล้ว บันทึก: @Dustin Getz พูดถึงในคำตอบล่าสุดว่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome จะวางจุดพักระหว่างการดีบักเมื่อไฟล์ Javascript มีการรีเฟรชอย่างต่อเนื่องเช่นนี้ วิธีแก้ปัญหาหนึ่งคือการเขียนdebugger;โค้ดเพื่อทริกเกอร์เบรกพอยต์ในตัวแก้ไขข้อบกพร่องจาวาสคริปต์ส่วนใหญ่ โซลูชันเฉพาะเซิร์ฟเวอร์: สำหรับวิธีแก้ปัญหาเฉพาะที่อาจทำงานได้ดีขึ้นสำหรับสภาพแวดล้อมเซิร์ฟเวอร์ของคุณเช่น Node หรือ Apache ดูคำตอบด้านล่าง

302 javascript  jquery  requirejs 

ฉันreadonlyจะเพิ่มลงในเฉพาะได้<input>อย่างไร .attr('readonly')ไม่ทำงาน, ไม่เป็นผล.

301 javascript  jquery 

การใช้ Datepicker ปีที่เลื่อนลงโดยค่าเริ่มต้นจะแสดงเพียง 10 ปี ผู้ใช้จะต้องคลิกปีที่แล้วเพื่อเพิ่มจำนวนปีที่เพิ่มขึ้น เราจะตั้งค่าช่วงเริ่มต้นให้เป็น 100 ปีเพื่อให้ผู้ใช้เห็นรายการขนาดใหญ่เป็นค่าเริ่มต้นได้อย่างไร function InitDatePickers() { $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, maxDate: '@maxDate', minDate: '@minDate' }); }

301 jquery  jquery-ui  jquery-ui-datepicker 

ค่อนข้างง่ายในการโหลดเนื้อหา HTML จาก URL ที่กำหนดเอง / บริการบนเว็บของคุณโดยใช้ JQuery หรือกรอบงานอื่นที่คล้ายคลึงกัน ฉันใช้วิธีนี้หลายครั้งจนถึงตอนนี้และพบว่าประสิทธิภาพเป็นที่น่าพอใจ แต่หนังสือทั้งหมดผู้เชี่ยวชาญทั้งหมดพยายามให้ฉันใช้ JSON แทน HTML ที่สร้างขึ้น มันยอดเยี่ยมกว่า HTML มากอย่างไร เร็วขึ้นมากไหม มันมีโหลดที่น้อยกว่ามากบนเซิร์ฟเวอร์หรือไม่ ในอีกด้านฉันมีเหตุผลบางอย่างสำหรับการใช้ HTML ที่สร้างขึ้น มันเป็นมาร์กอัปธรรมดาและมักจะกะทัดรัดหรือจริงแล้วกะทัดรัดกว่า JSON เป็นข้อผิดพลาดน้อยที่ทำให้เกิดสิ่งที่คุณได้รับคือมาร์กอัปและไม่มีรหัส มันจะเร็วกว่าในการเขียนโปรแกรมในกรณีส่วนใหญ่ทำให้คุณไม่ต้องเขียนโค้ดแยกต่างหากสำหรับการสิ้นสุดของไคลเอ็นต์ คุณอยู่ด้านไหนและทำไม

301 javascript  jquery  html  ajax  json 

ปัญหาที่ฉันมีคือdragleaveเหตุการณ์ขององค์ประกอบนั้นถูกไล่ออกเมื่อทำการวางตัวองค์ประกอบย่อยขององค์ประกอบนั้น นอกจากนี้dragenterจะไม่ถูกไล่ออกเมื่อโฮเวอร์กลับองค์ประกอบหลักอีกครั้ง ฉันทำไวโอลินง่าย: http://jsfiddle.net/pimvdb/HU6Mk/1/ HTML: <div id="drag" draggable="true">drag me</div> <hr> <div id="drop"> drop here <p>child</p> parent </div> ด้วย JavaScript ต่อไปนี้: $('#drop').bind({ dragenter: function() { $(this).addClass('red'); }, dragleave: function() { $(this).removeClass('red'); } }); $('#drag').bind({ dragstart: function(e) { e.allowedEffect = "copy"; e.setData("text/plain", "test"); } }); สิ่งที่ควรทำคือการแจ้งผู้ใช้ด้วยการทำให้divสีแดงหล่นเมื่อลากสิ่งที่มี วิธีนี้ใช้ได้ผล แต่ถ้าคุณลากเข้าสู่pเด็กการdragleaveถูกไล่ออกและdivจะไม่เป็นสีแดงอีกต่อไป การย้ายกลับไปยังการดร็อปdivไม่ทำให้แดงอีกเลย มีความจำเป็นที่จะต้องย้ายออกจากการตกdivและลากกลับเข้าไปอีกครั้งเพื่อทำให้เป็นสีแดง เป็นไปได้หรือไม่ที่จะป้องกันไม่ให้dragleaveยิงเมื่อลากเข้าสู่องค์ประกอบย่อย 2017 …

300 javascript  jquery  html  drag-and-drop  jquery-events 

jQuery หลักแนวทางรูปแบบการแนะนำสองวิธีที่แตกต่างกันเพื่อตรวจสอบว่าตัวแปรที่ถูกกำหนดไว้ ตัวแปรทั่วโลก: typeof variable === "undefined" ตัวแปรท้องถิ่น: variable === undefined คุณสมบัติ: object.prop === undefined เหตุใด jQuery จึงใช้วิธีการหนึ่งเดียวสำหรับตัวแปรทั่วโลกและอีกวิธีหนึ่งสำหรับคนในท้องถิ่นและคุณสมบัติ

300 javascript  jquery  undefined 

ฉันเพิ่งเริ่มต้นด้วยการเขียนปลั๊กอิน jQuery ฉันเขียนปลั๊กอินเล็ก ๆ สามอัน แต่ฉันก็แค่คัดลอกบรรทัดไปยังปลั๊กอินทั้งหมดของฉันโดยไม่ทราบว่ามันแปลว่าอะไร มีคนบอกฉันเกี่ยวกับสิ่งเหล่านี้ได้อีกเล็กน้อย บางทีคำอธิบายอาจมีประโยชน์สักวันหนึ่งเมื่อเขียนกรอบงาน :) สิ่งนี้ทำอะไร (ฉันรู้ว่ามันขยาย jQuery อย่างใด แต่มีอะไรอีกที่น่าสนใจที่จะรู้เกี่ยวกับเรื่องนี้) (function($) { })(jQuery); อะไรคือความแตกต่างระหว่างสองวิธีในการเขียนปลั๊กอิน: ประเภท 1: (function($) { $.fn.jPluginName = { }, $.fn.jPluginName.defaults = { } })(jQuery); ประเภทที่ 2: (function($) { $.jPluginName = { } })(jQuery); ประเภท 3: (function($){ //Attach this new method to jQuery $.fn.extend({ …

299 javascript  jquery 

ฉันพยายามที่จะทำฟังก์ชั่นถ้ากดถูกป้อนในขณะที่การป้อนข้อมูลเฉพาะ ฉันทำอะไรผิด $(document).keyup(function (e) { if ($(".input1").is(":focus") && (e.keyCode == 13)) { // Do something } }); มีวิธีที่ดีกว่าในการทำสิ่งนี้ซึ่งจะบอกว่าถ้ากดบน.input1ทำฟังก์ชั่น?

299 javascript  jquery 

วิธีการตั้งค่าตัวเลือกวิทยุตรวจสอบ onload ด้วย jQuery? จำเป็นต้องตรวจสอบว่าไม่มีการตั้งค่าเริ่มต้นแล้วตั้งค่าเริ่มต้น

297 jquery  radio-button 

มีวิธีใน jQuery เพื่อรับ CSS ทั้งหมดจากองค์ประกอบที่มีอยู่และนำไปใช้กับอีกรายการโดยไม่แสดงรายการทั้งหมดหรือไม่ ฉันรู้ว่ามันจะใช้งานได้หากพวกเขาเป็นคุณลักษณะสไตล์ด้วยattr()แต่สไตล์ทั้งหมดของฉันอยู่ในสไตล์ชีทภายนอก

297 javascript  jquery  css 

ฉันมี jQuery UI Dialog ทำงานได้ดีบนหน้า ASP.NET ของฉัน: jQuery(function() { jQuery("#dialog").dialog({ draggable: true, resizable: true, show: 'Transfer', hide: 'Transfer', width: 320, autoOpen: false, minHeight: 10, minwidth: 10 }); }); jQuery(document).ready(function() { jQuery("#button_id").click(function(e) { jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]); jQuery('#dialog').dialog('open'); }); }); div ของฉัน: <div id="dialog" style="text-align: left;display: none;"> …

295 c#  asp.net  jquery  jquery-ui  postback