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

ฉันกำลังพยายามสร้างองค์ประกอบผ้าใบที่ใช้ความกว้างและความสูงของวิวพอร์ตได้ 100% คุณสามารถเห็นในตัวอย่างของฉันที่นี่ที่เกิดขึ้นอย่างไรก็ตามมันคือการเพิ่มแถบเลื่อนทั้งใน Chrome และ FireFox ฉันจะป้องกันแถบเลื่อนพิเศษและเพียงแค่กำหนดความกว้างและความสูงของหน้าต่างให้เท่ากับขนาดของผืนผ้าใบได้อย่างไร

151 jquery  html  canvas  viewport 

เมื่อฉันต้องการได้รับเช่นผู้ปกครองระดับที่ 3 ขององค์ประกอบที่ฉันต้องเขียน$('#element').parent().parent().parent()มีวิธีที่เหมาะสมกว่านี้?

151 javascript  jquery  parent 

คุณจะรวมผลการค้นหา jQuery สองรายการได้อย่างไร เช่น: var $allFoos = $('.foo'), $allBars = $('.bar') $allFoosAndBars = $allFoos + $allBars; เห็นได้ชัดว่าฉันเพิ่งสร้างบรรทัดสุดท้าย แต่ฉันหวังว่ามันจะทำให้ชัดเจนว่าฉันหมายถึงอะไร ต้องมีความชัดเจนตัวอย่างง่ายมากและมันอาจจะเป็นชุดใด ๆ โดยพลผมกำลังพูดถึงจึง$('.foo, .bar')เป็นไม่ได้สิ่งที่ฉันหลังจาก

151 jquery 

ฉันจะป้องกันไม่ให้เพจรีเฟรชเมื่อกดปุ่มส่งโดยไม่มีข้อมูลใด ๆ ในฟิลด์ได้อย่างไร การตรวจสอบคือการตั้งค่าใช้งานได้ดีฟิลด์ทั้งหมดจะเป็นสีแดง แต่จากนั้นเพจจะรีเฟรชทันที ความรู้เกี่ยวกับ JS ของฉันค่อนข้างพื้นฐาน โดยเฉพาะฉันคิดว่าprocessForm()ฟังก์ชั่นที่ด้านล่างคือ 'ไม่ดี' HTML <form id="prospects_form" method="post"> <input id="form_name" tabindex="1" class="boxsize" type="text" name="name" placeholder="Full name*" maxlength="80" value="" /> <input id="form_email" tabindex="2" class="boxsize" type="text" name="email" placeholder="Email*" maxlength="100" value="" /> <input id="form_subject" class="boxsize" type="text" name="subject" placeholder="Subject*" maxlength="50" value="FORM: Row for OUBC" /> <textarea id="form_message" class="boxsize" …

151 javascript  jquery  html  forms 

กำหนดองค์ประกอบ HTML โดยพลการพร้อมคุณสมบัติศูนย์หรือมากกว่าdata-*นั้นเราจะเรียกรายการคู่คีย์ - ค่าสำหรับข้อมูลได้อย่างไร เช่นได้รับสิ่งนี้: <div id='prod' data-id='10' data-cat='toy' data-cid='42'>blah</div> ฉันต้องการที่จะสามารถเรียกคืนนี้โดยทางโปรแกรม: { "id":10, "cat":"toy", "cid":42 } การใช้ jQuery (v1.4.3) การเข้าถึงแต่ละบิตของข้อมูลที่ใช้$.data()นั้นเป็นเรื่องง่ายหากรู้ล่วงหน้าคีย์ แต่ไม่ชัดเจนว่าจะใช้ข้อมูลชุดใดชุดหนึ่งได้ ฉันกำลังมองหาโซลูชัน jQuery ที่ 'ง่าย' ถ้ามีอยู่ แต่จะไม่คำนึงถึงวิธีการระดับล่าง ฉันพยายามแยกวิเคราะห์$('#prod').attributesแต่การขาด javascript-fu ทำให้ฉันผิดหวัง ปรับปรุง customdataทำสิ่งที่ฉันต้องการ อย่างไรก็ตามการรวมปลั๊กอิน jQuery สำหรับฟังก์ชั่นการใช้งานบางส่วนนั้นดูเหมือนว่าเป็นการ overkill การมองแหล่งที่มาช่วยให้ฉันแก้ไขรหัสของตัวเอง (และปรับปรุงจาวาสคริปต์ของฉัน) นี่คือวิธีแก้ปัญหาที่ฉันได้รับ: function getDataAttributes(node) { var d = {}, re_dataAttr = /^data\-(.+)$/; …

150 javascript  jquery  html  attributes 

วิธีการเปิดหรือปิดการใช้งานสมอโดยใช้ jQuery

150 jquery  html  anchor 

ฉันไม่ได้มองหาการกระทำที่จะโทรหาเมื่อโฉบ แต่เป็นวิธีที่จะบอกได้ว่าตอนนี้องค์ประกอบกำลังถูกโฮเวอร์อยู่หรือไม่ ตัวอย่างเช่น $('#elem').mouseIsOver(); // returns true or false มีวิธีการ jQuery ที่ทำสิ่งนี้สำเร็จหรือไม่?

150 javascript  jquery 

ซ้ำได้: ตรวจสอบปุ่มตัวเลือกเฉพาะ ฉันมีปุ่มตัวเลือก 2 ปุ่มในขณะนี้เพื่อให้ผู้ใช้สามารถตัดสินใจได้ว่าต้องการไปรษณีย์ที่รวมอยู่ในราคาหรือไม่: <input type="radio" id="postageyes" name="postage" value="Yes" /> Yes <input type="radio" id="postageno" name="postage" value="No" /> No ฉันต้องใช้ Jquery เพื่อตรวจสอบว่ามีการเลือกปุ่มตัวเลือก 'ใช่' หรือไม่และถ้าเป็นเช่นนั้นให้ทำฟังก์ชันต่อท้าย มีคนบอกฉันได้ไหมว่าฉันจะทำอย่างนี้ได้ไหม ขอบคุณสำหรับความช่วยเหลือใด ๆ แก้ไข: ฉันได้อัปเดตโค้ดเป็นสิ่งนี้แล้ว แต่มันไม่ทำงาน ฉันกำลังทำอะไรผิดหรือเปล่า? <script type='text/javascript'> // <![CDATA[ jQuery(document).ready(function(){ $('input:radio[name="postage"]').change(function(){ if($(this).val() == 'Yes'){ alert("test"); } }); }); // ]]> </script>

150 jquery  html  radio-button 

ฉันต้องการสร้างสตริงข้อความแบบไดนามิกตามวันที่ปัจจุบัน ตัวอย่างเช่นถ้าเป็นวันที่ 1 ฉันต้องการให้โค้ดของฉันสร้าง = "มันคือ <dynamic> 1 * <ไดนามิกสตริง> st </ ไดนามิกสตริง> * </dynamic>" มีทั้งหมด 12 วันดังนั้นฉันได้ทำสิ่งต่อไปนี้: ฉันได้ตั้งค่า for for loop ที่วนรอบ 12 วัน ใน html ของฉันฉันได้ให้องค์ประกอบที่ไม่ซ้ำกันกับองค์ประกอบที่จะกำหนดเป้าหมายดูด้านล่าง: <h1 id="dynamicTitle" class="CustomFont leftHeading shadow">On The <span></span> <em>of rest of generic text</em></h1> จากนั้นภายในลูปสำหรับฉันฉันมีรหัสต่อไปนี้: $("#dynamicTitle span").html(i); var day = i; if (day == …

150 javascript  jquery  numbers 

ฉันต้องการรับองค์ประกอบปัจจุบัน (องค์ประกอบใดก็ตามที่เป็น) ในเอกสาร HTML ที่ฉันคลิก ฉันใช้: $(document).click(function () { alert($(this).text()); }); แต่แปลกมากฉันได้รับข้อความของเอกสารทั้งหมด (!) ไม่ใช่องค์ประกอบที่ถูกคลิก จะได้รับเฉพาะองค์ประกอบที่ฉันคลิกเท่านั้นได้อย่างไร ตัวอย่าง <body> <div class="myclass">test</div> <p>asdfasfasf</p> </body> หากฉันคลิกที่ข้อความ "test" ฉันต้องการอ่านแอตทริบิวต์ด้วย$(this).attr("myclass") ใน jQuery

150 javascript  jquery  html  dom 

นี่เป็นพื้นฐาน ฉันจะรับค่า 'นี่คือชื่อของฉัน' ของช่วงข้างต้นได้อย่างไร <div id='item1'> <span>This is my name</span> </div>

149 javascript  jquery  html 

ใครรู้วิธีที่ดีในการเขียนนามสกุล jQuery เพื่อจัดการพารามิเตอร์สตริงแบบสอบถาม? โดยทั่วไปฉันต้องการขยาย($)ฟังก์ชั่นเวทย์มนตร์ jQuery ดังนั้นฉันสามารถทำสิ่งนี้: $('?search').val(); ซึ่งจะให้ฉันค่า "ทดสอบ" ใน URL http://www.example.com/index.php?search=testต่อไปนี้: ฉันได้เห็นฟังก์ชั่นมากมายที่สามารถทำได้ใน jQuery และ Javascript แต่จริง ๆ แล้วฉันต้องการที่จะขยาย jQuery ให้ทำงานตามที่แสดงไว้ด้านบน ฉันไม่ได้มองหาปลั๊กอิน jQuery ฉันกำลังมองหาส่วนขยายของวิธี jQuery

149 javascript  jquery  url  jquery-plugins  query-string 

ฉันต้องการจับภาพเหตุการณ์ปิดหน้าต่างแท็บ / เบราว์เซอร์ ฉันได้ลองทำสิ่งต่อไปนี้กับ jQuery: jQuery(window).bind( "beforeunload", function() { return confirm("Do you really want to close?") } ) แต่มันใช้ได้กับการส่งแบบฟอร์มด้วยซึ่งไม่ใช่สิ่งที่ฉันต้องการ ฉันต้องการเหตุการณ์ที่ก่อให้เกิดเฉพาะเมื่อผู้ใช้ปิดหน้าต่าง

149 javascript  jquery  events  browser 

ฉันพยายามใช้API การดึงข้อมูลใหม่: ฉันกำลังGETขอสิ่งนี้: var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); fetch(request); อย่างไรก็ตามฉันไม่แน่ใจว่าจะเพิ่มสตริงข้อความค้นหาในGETคำขอได้อย่างไร เป็นการดีที่ฉันต้องการที่จะสามารถGETขอให้URLชอบ: 'http://myapi.com/orders?order_id=1' ในjQueryที่ฉันสามารถทำเช่นนี้โดยการส่งผ่าน{order_id: 1}เป็นพารามิเตอร์ของdata $.ajax()มีวิธีที่เทียบเท่ากับการทำเช่นนั้นกับใหม่Fetch APIหรือไม่

149 javascript  jquery  http  fetch-api 

ฉันแค่สงสัยว่าฉันจะใช้ข้อมูลเพิ่มเติมในการเลื่อนได้ต่อเมื่อ div.loading สามารถมองเห็นได้ โดยปกติแล้วเราจะค้นหาความสูงของหน้าและความสูงของหน้าเลื่อนเพื่อดูว่าเราจำเป็นต้องโหลดข้อมูลเพิ่มเติมหรือไม่ แต่ตัวอย่างต่อไปนี้ซับซ้อนเล็กน้อยแล้ว ภาพต่อไปนี้เป็นตัวอย่างที่สมบูรณ์แบบ มี div. load สองอันบนกล่องดรอปดาวน์ เมื่อผู้ใช้เลื่อนเนื้อหาสิ่งที่มองเห็นได้ก็ควรเริ่มโหลดข้อมูลเพิ่มเติม ดังนั้นฉันจะทราบได้อย่างไรว่าผู้ใช้ div. loading มองเห็นได้หรือไม่ ดังนั้นฉันสามารถเริ่มต้นการโหลดข้อมูลสำหรับ div นั้นเท่านั้น

148 javascript  jquery  ajax  scroll