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

jQuery เป็นไลบรารี JavaScript ให้พิจารณาเพิ่มแท็ก JavaScript ด้วย jQuery เป็นไลบรารี JavaScript ข้ามเบราว์เซอร์ที่ได้รับความนิยมซึ่งอำนวยความสะดวกในการแวะผ่าน Document Object Model (DOM) การจัดการเหตุการณ์ภาพเคลื่อนไหวและการโต้ตอบ AJAX โดยลดความคลาดเคลื่อนของเบราว์เซอร์ให้เหลือน้อยที่สุด คำถามที่ติดแท็ก jQuery ควรเกี่ยวข้องกับ jQuery ดังนั้น jQuery ควรใช้รหัสที่เป็นปัญหาและองค์ประกอบที่เกี่ยวข้องกับการใช้งานอย่างน้อย jQuery จำเป็นต้องอยู่ในคำถาม

4
เหตุการณ์ดร็อปไม่เริ่มทำงานใน Chrome
ดูเหมือนว่าเหตุการณ์ดร็อปจะไม่เกิดขึ้นเมื่อฉันคาดหวัง ฉันคิดว่าเหตุการณ์ดร็อปเริ่มทำงานเมื่อองค์ประกอบที่ถูกลากถูกปล่อยออกมาเหนือองค์ประกอบเป้าหมาย แต่ดูเหมือนจะไม่เป็นเช่นนั้น ฉันเข้าใจผิดอะไร? http://jsfiddle.net/LntTL/ $('.drop').on('drop dragdrop',function(){ alert('dropped'); }); $('.drop').on('dragenter',function(){ $(this).html('drop now').css('background','blue'); }) $('.drop').on('dragleave',function(){ $(this).html('drop here').css('background','red'); })

24
วิธีซ่อนรายการแบบเลื่อนลงของ Twitter Bootstrap
สิ่งนี้เริ่มน่ารำคาญ - เมื่อฉันคลิกที่รายการในดรอปดาวน์ Bootstrap รายการแบบเลื่อนลงจะไม่ปิด ฉันได้ตั้งค่าให้เปิดไลท์บ็อกซ์ Facebox เมื่อคุณคลิกรายการแบบเลื่อนลง แต่เกิดปัญหาขึ้น สิ่งที่ฉันได้ลอง เมื่อรายการถูกคลิกฉันลองทำสิ่งนี้: $('.dropdown.open').removeClass('open'); $('.dropdown-menu').hide(); มันซ่อนมันไว้ แต่แล้วด้วยเหตุผลบางอย่างมันจะไม่เปิดขึ้นอีกครั้ง อย่างที่คุณเห็นฉันต้องการให้เมนูแบบเลื่อนลงปิดจริงๆเพราะมันดูเส็งเคร็งเมื่อเปิดอยู่ (ส่วนใหญ่เป็นเพราะz-indexดรอปดาวน์สูงกว่าโอเวอร์เลย์กล่องโมดอลของ Facebox ทำไมฉันไม่ใช้กล่องโมดอลในตัวของ Bootstrap หากคุณสงสัยว่าทำไมฉันไม่ใช้กล่องโมดอลที่ดูดีใน Bootstrapนั่นเป็นเพราะ ไม่มีวิธีโหลดเนื้อหาลงใน AJAX คุณต้องพิมพ์ HTML ทุกครั้งสำหรับโมดอล ด้วย Facebox คุณสามารถทำได้ง่ายๆ:$.facebox({ajax:'/assets/ajax/dialogs/dialog?type=block-user&id=1234567'}); มันใช้ภาพเคลื่อนไหว CSS3 เพื่อทำให้เคลื่อนไหว (ซึ่งดูดีมาก) แต่ในเบราว์เซอร์ที่ไม่ใช่ CSS3 จะแสดงให้เห็นซึ่งดูไม่ดีเท่าไหร่ Facebox ใช้ JavaScript เพื่อทำให้เลือนหายไปจึงทำงานได้ในทุกเบราว์เซอร์

10
ตรวจสอบว่าหน้าโหลดเสร็จหรือไม่
มีวิธีตรวจสอบเมื่อหน้าโหลดเสร็จแล้วเช่นเนื้อหาจาวาสคริปต์และเนื้อหาทั้งหมดเช่น css และรูปภาพ ชอบมาก: if(PAGE HAS FINISHED LOADING) { // do something amazing } และนอกจากนี้หากหน้าเว็บโหลดนานกว่า 1 นาทีให้ทำอย่างอื่นเช่น: if(PAGE HAS BEEN LOADING FOR 1 MIN) { // do something else amazing } ฉันเคยเห็นเว็บไซต์เช่น MobileMe ของ Apple ทำการตรวจสอบที่คล้ายกัน แต่ไม่สามารถหาได้ในไลบรารีรหัสขนาดใหญ่ ใครสามารถช่วย? ขอบคุณ แก้ไข: นี่คือสิ่งที่ฉันต้องการทำโดยพื้นฐาน: // hide content $("#hide").hide(); // hide loading $("#loading").hide(); // …
93 jquery 

4
ลิงก์สมอ HTML - href และ onclick ทั้งสอง?
ฉันต้องการสร้างจุดยึดแท็กที่เรียกใช้ JavaScript บางส่วนจากนั้นดำเนินการต่อไปทุกที่ที่hrefใช้ การเรียกใช้ฟังก์ชันที่เรียกใช้งาน JavaScript ของฉันแล้วตั้งค่าwindow.locationหรือtop.locationไปยังhrefตำแหน่งนั้นไม่ได้ผลสำหรับฉัน ลองนึกภาพว่าฉันมีองค์ประกอบที่มี id "Foo" อยู่บนหน้า ฉันต้องการเขียนจุดยึดที่คล้ายกับ: <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> เมื่อคลิกสิ่งนี้ฉันต้องการเรียกใช้ runMyFunction จากนั้นข้ามหน้าไปที่#Foo(ไม่ทำให้เกิดการโหลดซ้ำ - การใช้top.locationจะทำให้โหลดหน้าซ้ำ) ข้อเสนอแนะ? ฉันยินดีที่จะใช้ jQuery หากสามารถช่วยได้ที่นี่ ...

7
ป้องกันการรีเฟรชหน้าทุกรูปแบบโดยใช้ jQuery / Javascript
เมื่อผู้ใช้อยู่ในหน้าของฉันฉันไม่ต้องการให้เขารีเฟรชหน้านี้ เมื่อใดก็ตามที่ผู้ใช้F5กดปุ่มหรือรีเฟรชที่ด้านบน เขาควรได้รับการแจ้งเตือนว่า คุณไม่สามารถรีเฟรชเพจได้ นอกจากนี้หากผู้ใช้เปิดแท็บใหม่และพยายามเข้าถึง url เดียวกันในแท็บก่อนหน้าเขาควรได้รับการแจ้งเตือน คุณไม่สามารถเปิดหน้าเดียวกันใน 2 แท็บ อย่างไรก็ตามฉันสามารถทำได้โดยใช้ JavaScript หรือ jQuery? จุดที่หนึ่งสำคัญมาก


13
เฉพาะใน Firefox“ การโหลดล้มเหลวสำหรับ <script> พร้อมแหล่งที่มา”
ฉันต้องการรวมแบบฟอร์ม Marketo เข้ากับเว็บไซต์ที่มีอยู่บน yii framework รหัสของฉันใช้ได้กับทุกเบราว์เซอร์ยกเว้น Firefox ตัดตอนมาจากรหัสของฉัน: $('#button').click(function () { var formData = { 'Email': $('#UserInfo_email').val(), 'FirstName': $('#UserInfo_first_name').val(), 'LastName': $('#UserInfo_last_name').val(), }; MktoForms2.loadForm('//app-ab23.marketo.com', mcId, formId, function (form) { var myForm = MktoForms2.allForms()[0]; myForm.addHiddenFields(formData); myForm.onSuccess(function (values, followUpUrl) { return false; }); myForm.submit(); }); }); ฉันได้รับข้อผิดพลาดใน Firefox พร้อมข้อความเท่านั้น การโหลดล้มเหลวสำหรับ &lt;script&gt; ที่มีแหล่งที่มา“ http://app-ab23.marketo.com/index.php/form/getForm?munchkinId=1111&amp;form=1111&amp;url=http%3A%2F%2Fblox.dev%2Fwizard%2Fmap&amp;callback= …

19
ปัญหา Bootstrap Modal - การเลื่อนถูกปิดใช้งาน
ฉันมีโมดอลและภายในโมดอลนั้นมีดรอปดาวน์ที่แสดงเนื้อหาที่ซ่อนอยู่ขนาดใหญ่ซึ่งใช้งานได้ ตอนนี้เมื่อคุณเปิดโมดอลถัดไปวางซ้อนกันด้านบนของโมดอลแรกและปิดการเลื่อนบนโมดอลด้านล่างจะปิดใช้งาน ฉันได้สร้างตัวอย่างฉบับเต็มรวมถึงขั้นตอนในการจำลองปัญหาที่ฉันกำลังเผชิญอยู่ คุณสามารถดูได้ที่นี่ &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="button" data-toggle="modal" data-target="#modal_1" class="btn btn-lg btn-primary" value="Open Modal 1" &gt; &lt;div class="modal fade" id="modal_1"&gt; &lt;div class="modal-dialog modal-sm"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/button&gt; &lt;h4 class="modal-title"&gt;First …


7
ฉันสามารถใช้คุณสมบัติอะไรกับ event.target ได้บ้าง
ฉันจำเป็นต้องระบุองค์ประกอบที่เกิดขึ้นจากเหตุการณ์ การใช้event.targetรับองค์ประกอบที่เกี่ยวข้อง ฉันสามารถใช้คุณสมบัติอะไรได้บ้างจากที่นั่น? href id nodeName ฉันไม่สามารถหาข้อมูลทั้งหมดได้แม้แต่ในหน้าjQueryดังนั้นนี่คือการหวังว่าใครบางคนจะสามารถทำรายการด้านบนได้ แก้ไข: สิ่งเหล่านี้อาจเป็นประโยชน์: คุณสมบัติโหนดselfHTMLและคุณสมบัติselfHTML HTML

9
คุณจะทำให้ JavaScript / jQuery Intellisense ทำงานใน Visual Studio 2008 ได้อย่างไร
ฉันคิดว่า jQuery Intellisense ควรได้รับการปรับปรุงด้วย SP1 ฉันยังดาวน์โหลด jQuery 1.2.6 เวอร์ชันที่มีคำอธิบายประกอบ แต่ intellisense จะไม่ทำงานในไฟล์ jscript แยกต่างหาก ฉันมีไลบรารี jQuery ที่อ้างอิงเป็นอันดับแรกบนหน้าเว็บของฉันในแท็ก &lt;head&gt; ฉันทำอะไรผิดหรือเปล่า?

5
jQuery Uncaught TypeError: คุณสมบัติ '$' ของวัตถุ [หน้าต่างวัตถุ] ไม่ใช่ฟังก์ชัน
ทั้งหมดฉันดาวน์โหลดแอปพลิเคชันฟอร์ม JS / CSS ที่รวมไว้ล่วงหน้าและฉันกำลังพยายามใช้ใน Wordpress ฉันมีรหัสต่อไปนี้: $(document).ready(function () { /*----------------------------------------------------------------------*/ /* Parse the data from an data-attribute of DOM Elements /*----------------------------------------------------------------------*/ $.parseData = function (data, returnArray) { if (/^\[(.*)\]$/.test(data)) { //array data = data.substr(1, data.length - 2).split(','); } if (returnArray &amp;&amp; !$.isArray(data) &amp;&amp; data != null) { data = …
92 jquery 

4
Underscore.js และ jQuery เสริมซึ่งกันและกันหรือไม่ [ปิด]
ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันเพิ่งเริ่มที่จะเรียนรู้ JavaScript และสะดุดUnderscore.jsและjQuery ขีดล่างดูดีมาก แต่ฉันสงสัยว่า jQuery ยังไม่มีฟังก์ชันที่คล้ายกับขีดล่าง แล้วมันคุ้มไหมที่จะใช้ทั้งสองอย่าง?

5
jQuery: จะไปหาลูกคนใดคนหนึ่งของผู้ปกครองได้อย่างไร?
เพื่อให้เป็นตัวอย่างที่เรียบง่ายฉันได้บล็อกต่อไปนี้ซ้ำแล้วซ้ำอีกในหน้าหลาย ๆ ครั้ง (สร้างแบบไดนามิก): &lt;div class="box"&gt; &lt;div class="something1"&gt;&lt;/div&gt; &lt;div class="something2"&gt; &lt;a class="mylink"&gt;My link&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; เมื่อคลิกฉันจะไปที่แม่ของลิงก์โดยใช้: $(".mylink").click(function() { $(this).parents(".box").fadeOut("fast"); }); อย่างไรก็ตาม ... ฉันต้องไปหา&lt;div class="something1"&gt;พ่อแม่คนนั้น โดยทั่วไปมีใครบอกฉันได้ไหมว่าจะอ้างถึงพี่น้องระดับสูงกว่าโดยไม่สามารถอ้างถึงโดยตรงได้อย่างไร? ขอเรียกว่าพี่ใหญ่ การอ้างอิงโดยตรงไปยังชื่อชั้นของพี่ใหญ่จะทำให้ทุกอินสแตนซ์ขององค์ประกอบนั้นในหน้านั้นเลือนหายไปซึ่งไม่ใช่เอฟเฟกต์ที่ต้องการ ฉันพยายามแล้ว: parents(".box .something1") ... no luck. parents(".box &gt; .something1") ... no luck. siblings() ... no luck. ทุกคน? ขอบคุณ.


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