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

8

จะย้าย iFrame ใน DOM โดยไม่สูญเสียสถานะได้อย่างไร

ดู HTML ง่ายๆนี้: <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> สมมติว่าฉันต้องการย้ายการห่อเพื่อให้#wrap2อยู่ก่อนหน้า#wrap1. iframe ถูกทำให้เสียโดย JavaScript ฉันตระหนักถึง jQuery .insertAfter()และ.insertBefore(). อย่างไรก็ตามเมื่อฉันใช้สิ่งเหล่านี้ iFrame จะสูญเสียตัวแปร HTML และ JavaScript และเหตุการณ์ทั้งหมด ให้บอกว่าต่อไปนี้เป็น HTML ของ iFrame: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // The variable below would change on click // This represents changes …

95 javascript jquery dom iframe

7

jQuery - เลือกองค์ประกอบจากภายในองค์ประกอบ

สมมติว่าฉันมีมาร์กอัปดังนี้: <div id="foo"> ... <span id="moo"> ... </span> ... </div> และฉันต้องการเลือก #moo ทำไมถึงใช้$('#foo').find('span')งานได้ แต่$('span', $('#foo'));ทำไม่ได้?

95 jquery jquery-selectors parent-child

7

ฉันจะรับองค์ประกอบแรกแทนที่จะใช้ [0] ใน jQuery ได้อย่างไร

ฉันยังใหม่กับ jQuery ขออภัยหากนี่เป็นคำถามโง่ ๆ เมื่อฉันใช้มันค้นหาองค์ประกอบโดยใช้รหัสฉันรู้ว่ามีหนึ่งรายการที่ตรงกันเสมอและในการเข้าถึงฉันจะใช้ดัชนี [0] มีวิธีที่ดีกว่านี้หรือไม่? สำหรับเช่น var gridHeader = $("#grid_GridHeader")[0];

95 javascript jquery

9

ตรวจจับ backspace และ del ในเหตุการณ์“ input”?

ต้องทำอย่างไร? ฉันเหนื่อย: var key = event.which || event.keyCode || event.charCode; if(key == 8) alert('backspace'); แต่ไม่ได้ผล ... ถ้าฉันทำเช่นเดียวกันกับเหตุการณ์การกดแป้นมันก็ใช้ได้ แต่ฉันไม่ต้องการใช้การกดแป้นเพราะมันจะแสดงอักขระที่พิมพ์ในช่องป้อนข้อมูลของฉัน ฉันต้องสามารถควบคุมสิ่งนั้นได้ รหัสของฉัน: $('#content').bind('input', function(event){ var text = $(this).val(), key = event.which || event.keyCode || event.charCode; if(key == 8){ // here I want to ignore backspace and del } // here I'm doing …

95 javascript jquery

7

วิธีการเริ่มต้นเหตุการณ์ในไฟล์เลือก

ฉันมีรูปแบบเป็น <form onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data"> <input type="file" name="file" /> <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;"> Upload Image </button> </form> มันคือการอัปโหลดภาพ ที่นี่ฉันต้องคลิกที่ปุ่มเพื่ออัปโหลดภาพและฉันจะใช้onClickเหตุการณ์ ฉันต้องการลบปุ่มอัปโหลดและทันทีที่ไฟล์ถูกเลือกที่อินพุตฉันต้องการเริ่มต้นเหตุการณ์ ฉันจะทำอย่างไร ??

95 javascript jquery

2

ลบหลายแอตทริบิวต์ด้วย removeAttr ของ jQuery

ฉันมีรหัสต่อไปนี้ $(document).ready(function(){ $('#listing img') .attr('width', 250) .removeAttr('height').removeAttr('align').removeAttr('style') .wrap('<p />'); }); มีวิธีที่มีประสิทธิภาพมากขึ้นในการลบแอตทริบิวต์หลายรายการหรือไม่?

95 jquery

9

jQuery ผู้ปกครองของผู้ปกครอง

ฉันกำลังพยายามค้นหาพาเรนต์ของผู้ปกครองขององค์ประกอบ ฉันมีลิงค์ที่คลิกที่อยู่ใน a <td>และฉันต้องการรับ<tr>วัตถุ ทำไม "$ (this) .parent (). parent ()" จึงไม่ทำงาน อะไรจะ? ขอบคุณ เบรนแดน แก้ไข:ดูเหมือนว่าข้อผิดพลาดในไวยากรณ์ของฉันทำให้ทุกอย่างหลุดออกไป "$ (this) .parent (). parent ()" ใช้งานได้จริง แต่ฉันใช้ $ (this) .closest ('tr') "เพราะดูเหมือนว่าจะเป็นโซลูชันที่มีประสิทธิภาพมากที่สุด

95 javascript jquery

5

jQuery slideUp (). remove () ดูเหมือนจะไม่แสดงภาพเคลื่อนไหว slideUp ก่อนที่จะมีการลบเกิดขึ้น

ฉันมี JavaScript บรรทัดนี้และพฤติกรรมที่ฉันเห็นคือมันselectedLiหายไปทันทีโดยไม่ต้อง "เลื่อนขึ้น" นี่ไม่ใช่พฤติกรรมที่ฉันคาดไว้ ฉันควรทำอย่างไรเพื่อให้selectedLiสไลด์ขึ้นก่อนที่จะถูกลบออก selectedLi.slideUp("normal").remove();

95 javascript jquery animation

13

รวมไฟล์ JavaScript หลายไฟล์ไว้ในไฟล์ JS เดียว [ปิด]

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันใช้ jquery ในเว็บแอปพลิเคชันของฉันและฉันต้องการโหลดไฟล์สคริปต์ jquery เพิ่มเติมในหน้าเดียว Google แนะนำให้ฉันรวมไฟล์สคริปต์ jquery ทั้งหมดไว้ในไฟล์เดียว ฉันจะทำเช่นนี้ได้อย่างไร?

95 javascript jquery jquery-ui

14

ส่งออกข้อมูลตาราง html ไปยัง Excel โดยใช้ JavaScript / JQuery ทำงานไม่ถูกต้องในเบราว์เซอร์ Chrome

ฉันมีตาราง HTML ในเทมเพลตความเร็ว ฉันต้องการส่งออกข้อมูลตาราง html ไปยัง excel โดยใช้ java script หรือ jquery, comatibale กับเบราว์เซอร์ทั้งหมด ฉันใช้สคริปต์ด้านล่าง <script type="text/javascript"> function ExportToExcel(mytblId){ var htmltable= document.getElementById('my-table-id'); var html = htmltable.outerHTML; window.open('data:application/vnd.ms-excel,' + encodeURIComponent(html)); } </script> สคริปต์นี้ทำงานได้ดีในMozilla Firefoxโดยจะปรากฏขึ้นพร้อมกับกล่องโต้ตอบของ excel และขอตัวเลือกเปิดหรือบันทึก แต่เมื่อฉันทดสอบสคริปต์เดียวกันในเบราว์เซอร์ Chrome มันไม่ทำงานตามที่คาดไว้เมื่อคลิกที่ปุ่มจะไม่มีป๊อปอัปสำหรับ excel ข้อมูลถูกดาวน์โหลดในไฟล์ที่มี "file type: file" ไม่มีนามสกุลเช่น. xls ไม่มีข้อผิดพลาดในคอนโซล Chrome ตัวอย่าง Jsfiddle: http://jsfiddle.net/insin/cmewv/ …

95 javascript jquery html excel google-chrome

13

แปลงสตริงเป็นตัวเลขและเพิ่มหนึ่ง

ฉันต้องการเปลี่ยนค่าที่ฉันได้รับจาก id เป็นตัวเลขและเพิ่มหนึ่งค่าจากนั้นส่งค่าใหม่ไปยังdosomething()ฟังก์ชันที่จะใช้ เมื่อฉันลองสิ่งนี้และค่าคือหนึ่งฉันได้รับกลับมา 11 ไม่ใช่ 2 $('.load_more').live("click",function() { // When user clicks var newcurrentpageTemp = $(this).attr("id") + 1;// Get id from the hyperlink alert(parseInt(newcurrentpageTemp)); dosomething(); });

94 jquery html jquery-ui

7

เลื่อนไปยัง div เฉพาะเมื่อคลิก

สิ่งที่ฉันพยายามทำคือทำให้ถ้าคุณคลิกที่ปุ่มมันจะเลื่อนลง (อย่างราบรื่น) ไปยัง div เฉพาะบนหน้า สิ่งที่ฉันต้องการคือถ้าคุณคลิกที่ปุ่มมันจะเลื่อนไปที่ div 'วินาที' อย่างราบรื่น .first { width: 100%; height: 1000px; background: #ccc; } .second { width: 100%; height: 1000px; background: #999; } <div class="first"><button type="button">Click Me!</button></div> <div class="second">Hi</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด

94 javascript jquery

6

ความแตกต่างระหว่าง HTMLCollection, NodeLists และอาร์เรย์ของวัตถุ

ฉันสับสนระหว่าง HTMLCollections วัตถุและอาร์เรย์เสมอเมื่อพูดถึง DOM เช่น ... อะไรคือความแตกต่างระหว่างdocument.getElementsByTagName("td")และ$("td")? $("#myTable")และ$("td")เป็นวัตถุ (วัตถุ jQuery) เหตุใด console.log จึงแสดงอาร์เรย์ขององค์ประกอบ DOM ที่อยู่ข้างๆและไม่ใช่วัตถุไม่ใช่อาร์เรย์ "NodeLists" ที่เข้าใจยากคืออะไรและฉันจะเลือกได้อย่างไร โปรดระบุความหมายของสคริปต์ด้านล่างด้วย ขอบคุณ [123,"abc",321,"cba"]=[123,"abc",321,"cba"] {123:123,abc:"abc",321:321,cba:"cba"}=Object { 123=123, abc="abc", 321=321, more...} Node= Node { ELEMENT_NODE=1, ATTRIBUTE_NODE=2, TEXT_NODE=3, more...} document.links= HTMLCollection[a #, a #] document.getElementById("myTable")= <table id="myTable"> document.getElementsByClassName("myRow")= HTMLCollection[tr.myRow, tr.myRow] document.getElementsByTagName("td")= HTMLCollection[td, td, td, td] $("#myTable")= …

94 javascript jquery dom

11

วิธีที่รวดเร็วในการรับค่าต่ำสุด / สูงสุดระหว่างคุณสมบัติของวัตถุ

ฉันมีวัตถุในจาวาสคริปต์เช่นนี้: { "a":4, "b":0.5 , "c":0.35, "d":5 } มีวิธีที่รวดเร็วในการรับค่าต่ำสุดและสูงสุดระหว่างคุณสมบัติโดยไม่ต้องวนซ้ำทั้งหมดหรือไม่? เนื่องจากวัตถุที่ฉันมีมีขนาดใหญ่และฉันต้องได้รับค่าต่ำสุด / สูงสุดทุกๆสองวินาที (ค่าของวัตถุเปลี่ยนแปลงไปเรื่อย ๆ )

94 javascript jquery

6

แถบด้านข้างเหนียว: ติดที่ด้านล่างเมื่อเลื่อนลงด้านบนเมื่อเลื่อนขึ้น

ตอนนี้ฉันกำลังมองหาวิธีแก้ปัญหาแถบด้านข้างที่เหนียว ฉันมีความคิดที่เฉพาะเจาะจงว่าฉันต้องการให้ดำเนินการอย่างไร อย่างมีประสิทธิภาพฉันต้องการให้มันติดอยู่ที่ด้านล่างเมื่อคุณเลื่อนลงจากนั้นทันทีที่คุณเลื่อนกลับขึ้นฉันต้องการให้มันติดอยู่ด้านบนในลักษณะที่ลื่นไหล (ไม่กระโดด) ฉันไม่สามารถหาตัวอย่างของสิ่งที่ฉันพยายามจะบรรลุได้ดังนั้นฉันจึงสร้างภาพที่ฉันหวังว่าจะอธิบายประเด็นให้ชัดเจนขึ้น: แถบด้านข้างอยู่ใต้ส่วนหัว เมื่อคุณเลื่อนลงแถบด้านข้างจะยังคงอยู่ในระดับเดียวกับเนื้อหาของเพจเพื่อให้คุณสามารถเลื่อนดูทั้งแถบด้านข้างและเนื้อหาได้ ไปถึงด้านล่างสุดของแถบด้านข้างแถบด้านข้างจะติดที่ด้านล่างของวิวพอร์ต (ปลั๊กอินส่วนใหญ่อนุญาตให้ติดที่ด้านบนเท่านั้นบางส่วนที่อนุญาตให้ติดที่ด้านล่างไม่อนุญาตให้ใช้ทั้งสองอย่าง) ไปถึงด้านล่างแถบด้านข้างจะอยู่เหนือส่วนท้าย ในขณะที่คุณเลื่อนกลับขึ้นแถบด้านข้างจะอยู่ในระดับเดียวกับเนื้อหาเพื่อให้คุณสามารถเลื่อนดูเนื้อหาและแถบด้านข้างได้อีกครั้ง ไปถึงด้านบนสุดของแถบด้านข้างแถบด้านข้างจะติดที่ด้านบนสุดของวิวพอร์ต ไปถึงด้านบนและแถบด้านข้างจะอยู่ด้านล่างส่วนหัว ฉันหวังว่านี่เป็นข้อมูลที่เพียงพอ ฉันได้สร้าง jsfiddle เพื่อทดสอบปลั๊กอิน / สคริปต์ใด ๆ ซึ่งฉันได้รีเซ็ตสำหรับคำถามนี้: http://jsfiddle.net/jslucas/yr9gV/2/ .

94 jquery position fixed sidebar sticky

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