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

21

วิธีซ่อนองค์ประกอบโดยใช้ Twitter Bootstrap และแสดงโดยใช้ jQuery

สมมติว่าฉันสร้างองค์ประกอบ HTML เช่นนี้ <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> ฉันจะแสดงและซ่อนองค์ประกอบ HTML นั้นจาก jQuery / Javascript ได้อย่างไร JavaScript: $(function(){ $("#my-div").show(); }); ผลลัพธ์: (กับสิ่งเหล่านี้) ฉันต้องการซ่อนองค์ประกอบด้านบน วิธีที่ง่ายที่สุดในการซ่อนองค์ประกอบโดยใช้ Bootstrap และแสดงโดยใช้ jQuery คืออะไร

235 javascript jquery html css twitter-bootstrap

10

วิธีการวนซ้ำในอาร์เรย์ใน jQuery?

ฉันพยายามที่จะวนรอบอาร์เรย์ ฉันมีรหัสต่อไปนี้: var currnt_image_list= '21,32,234,223'; var substr = currnt_image_list.split(','); // array here กำลังพยายามดึงข้อมูลทั้งหมดออกจากอาร์เรย์ ใครบางคนสามารถพาฉันไปในเส้นทางที่ถูกต้องได้ไหม

234 javascript jquery arrays loops iteration

10

ฉันจะใช้ jQuery ใน Greasemonkey ได้อย่างไร

ฉันพยายามวางบรรทัดนี้ แต่มันไม่ทำงาน: // @require http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js jQuery ไม่ทำงานใน Greasemonkey เลย มีวิธีอื่นในการใช้ jQuery ใน Greasemonkey หรือไม่ - สำหรับทุกคนที่มีปัญหาเดียวกันคุณต้องอัปโหลดไฟล์ไปที่ greasespot แล้วติดตั้งจากที่นั่น ตัวเลือกสร้างสคริปต์ใหม่จะไม่ทำงาน!

234 jquery greasemonkey

6

jQuery map เทียบกับแต่ละอัน

ใน jQuery ฟังก์ชั่นmapและeachดูเหมือนจะทำสิ่งเดียวกัน มีความแตกต่างในทางปฏิบัติระหว่างทั้งสองหรือไม่? คุณจะเลือกใช้อันใดอันหนึ่งแทนอันอื่น

234 javascript jquery

10

เหตุการณ์ในอินพุตที่ปิดใช้งาน

เห็นได้ชัดว่าปิดการใช้งาน<input>ไม่ได้ถูกจัดการโดยเหตุการณ์ใด ๆ มีวิธีแก้ไขปัญหานี้หรือไม่? <input type="text" disabled="disabled" name="test" value="test" /> $(':input').click(function () { $(this).removeAttr('disabled'); }) ที่นี่ฉันต้องคลิกที่อินพุตเพื่อเปิดใช้งาน แต่ถ้าฉันไม่เปิดใช้งานมันไม่ควรโพสต์อินพุต

234 javascript jquery html

9

jquery select change event เลือกตัวเลือกที่เลือกไว้

ฉันผูกเหตุการณ์ในเหตุการณ์การเปลี่ยนแปลงขององค์ประกอบที่เลือกของฉันด้วยสิ่งนี้: $('select').on('change', '', function (e) { }); ฉันจะเข้าถึงองค์ประกอบที่เลือกไว้เมื่อเหตุการณ์การเปลี่ยนแปลงเกิดขึ้นได้อย่างไร

234 jquery events

6

jQuery - ช่องทำเครื่องหมายเปิด / ปิดการใช้งาน

ฉันมีช่องทำเครื่องหมายมากมายเช่นนี้ หากเลือกช่องทำเครื่องหมาย "ตรวจสอบฉัน" ช่องทำเครื่องหมายอีก 3 ช่องควรเปิดใช้งานทั้งหมดมิฉะนั้นจะต้องปิดการใช้งาน ฉันจะทำสิ่งนี้โดยใช้ jQuery ได้อย่างไร <form name="frmChkForm" id="frmChkForm"> <input type="checkbox" name="chkcc9">Check Me <input type="checkbox" name="chk9[120]"> <input type="checkbox" name="chk9[140]"> <input type="checkbox" name="chk9[150]"> </form>

234 jquery

11

วิธีรับข้อความตอบกลับข้อผิดพลาด jQuery $ .ajax

ฉันกำลังส่งข้อผิดพลาดไปยัง jQuery ของฉัน อย่างไรก็ตามฉันไม่สามารถรับข้อความตอบกลับ (ในตัวอย่างด้านล่างนี้จะหายไปที่ชายหาด ) สิ่งเดียวที่ jQuery กล่าวคือ 'ผิดพลาด' ดูตัวอย่างนี้สำหรับรายละเอียด: PHP <? header('HTTP/1.1 500 Internal Server Error'); print "Gone to the beach" ?> jQuery $.ajax({ type: "post", data: {id: 0}, cache: false, url: "doIt.php", dataType: "text", error: function (request, error) { console.log(arguments); alert(" Can't do because: " + error); …

234 php javascript jquery ajax error-handling

10

ฉันจะเรียงลำดับรายการตามตัวอักษรโดยใช้ jQuery ได้อย่างไร

ฉันค่อนข้างลึกที่นี่และฉันหวังว่ามันจะเป็นไปได้จริง ฉันต้องการที่จะสามารถเรียกฟังก์ชั่นที่จะเรียงลำดับรายการทั้งหมดในรายการของฉันตามลำดับตัวอักษร ฉันดู jQuery UI สำหรับการเรียงลำดับ แต่ดูเหมือนจะไม่เป็นเช่นนั้น ความคิดใด ๆ

233 javascript jquery dom sorting

7

วิธี "fadeOut" & "ลบ" div ใน jQuery อย่างไร

ฉันพยายามให้เอฟเฟ็กต์จางหายไปกับ div & ลบ div นั้น (id = "การแจ้งเตือน") เมื่อมีการคลิกรูปภาพ นี่คือวิธีที่ฉันทำ: <a onclick="$("#notification").fadeOut(300,function() { $("#notification").remove(); });" class="notificationClose "><img src="close.png"/></a> ดูเหมือนว่าจะไม่ทำงาน ฉันต้องทำอะไรเพื่อแก้ไขปัญหานี้

233 javascript jquery

10

JavaScript ก่อนออกจากหน้า

ฉันต้องการยืนยันก่อนที่ผู้ใช้จะออกจากหน้านี้ หากเขาบอกว่าตกลงก็จะเปลี่ยนเส้นทางไปยังหน้าใหม่หรือยกเลิกที่จะออก ฉันพยายามที่จะทำให้มันกับการโหลด <script type="text/javascript"> function con() { var answer = confirm("do you want to check our other products") if (answer){ alert("bye"); } else{ window.location = "http://www.example.com"; } } </script> </head> <body onunload="con();"> <h1 style="text-align:center">main page</h1> </body> </html> แต่มันยืนยันหลังจากปิดหน้าไปแล้ว? ทำอย่างไรให้ถูกต้อง? มันจะดียิ่งขึ้นถ้ามีคนแสดงให้เห็นว่าทำอย่างไรกับ jQuery

233 javascript jquery

8

วิธีการตั้งค่าคุณสมบัติข้อมูลในองค์ประกอบ HTML

ฉันมี div data-myval = "10"ที่มีคุณลักษณะต์ ฉันต้องการอัปเดตค่าของมัน มันจะไม่เปลี่ยนถ้าฉันใช้div.data('myval',20)? ฉันจำเป็นต้องใช้div.attr('data-myval','20')เท่านั้นหรือไม่ ฉันสับสนระหว่าง HTML5 และ jQuery หรือไม่ กรุณาแนะนำ ขอบคุณ! แก้ไข: อัปเดตdiv.data('myval')=20เป็นdiv.data('myval',20)แต่ยังไม่มีการอัปเดต HTML

233 jquery html custom-data-attribute

8

จะตรวจสอบได้อย่างไรว่าองค์ประกอบไม่มีคลาสเฉพาะหรือไม่?

ฉันจะตรวจสอบได้อย่างไรว่าไม่มีคลาส ตัวอย่างเช่นฉันรู้วิธีตรวจสอบเพื่อดูว่ามีคลาส "ทดสอบ" แต่ฉันจะตรวจสอบเพื่อดูว่าไม่มีคลาส "ทดสอบ" ได้อย่างไร if($(this).hasClass("test")){ }

232 jquery jquery-selectors

4

มีวิธีปิดการใช้งานการเรียงลำดับเริ่มต้นสำหรับ jQuery DataTables หรือไม่?

ฉันใช้ปลั๊กอินjquery DataTables จากเอกสารของพวกเขา: หากเปิดใช้งานการเรียงลำดับแล้ว DataTables จะทำการเรียงผ่านครั้งแรกในการเริ่มต้น คุณสามารถกำหนดคอลัมน์ที่เรียงลำดับที่จะดำเนินการและทิศทางการเรียงลำดับด้วยตัวแปรนี้ อาร์เรย์ aaSorting ควรมีอาร์เรย์สำหรับแต่ละคอลัมน์ที่จะเรียงลำดับเริ่มต้นที่มีดัชนีของคอลัมน์และสตริงทิศทาง ('asc' หรือ 'desc') เป็นไปได้หรือไม่ที่จะเปิดใช้งานการเรียงลำดับ แต่ปิดใช้งานการเรียงลำดับแรกในการเริ่มต้นได้หรือไม่ ขณะนี้ฉันกำลังทำฝั่งเซิร์ฟเวอร์การจัดเรียงเริ่มต้นและต้องการฟังก์ชันการเรียงลำดับ แต่ไม่ต้องการฟังก์ชันการเรียงลำดับเริ่มต้นนี้

231 jquery jquery-datatables

8

รับรายการช่องทำเครื่องหมายที่เลือกไว้ใน div โดยใช้ jQuery

ฉันต้องการรับรายชื่อกล่องกาเครื่องหมายที่เลือกไว้ใน div ด้วยรหัสที่แน่นอน ฉันจะทำสิ่งนั้นโดยใช้ jQuery ได้อย่างไร เช่นสำหรับ div นี้ฉันต้องการรับอาร์เรย์ ["c_n_0"; "c_n_3"] หรือสตริง "c_n_0; c_n_3" <div id="checkboxes"> <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 </div>

231 jquery checkbox jquery-selectors

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