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

ฉันมีวัตถุ JavaScript ต่อไปนี้: var obj = { "key1" : val, "key2" : val, "key3" : val } มีวิธีตรวจสอบว่ามีคีย์อยู่ในอาร์เรย์หรือไม่? testArray = jQuery.inArray("key1", obj); ไม่ทำงาน, ไม่เป็นผล. ฉันต้องทำซ้ำผ่าน obj แบบนี้หรือไม่? jQuery.each(obj, function(key,val)){}

88 javascript  jquery 

ฉันเหนื่อย $(":input:not(input[type=button],input[type=submit],button):visible:first") แต่ไม่พบอะไรเลย ความผิดพลาดของฉันคืออะไร? UPD: ฉันดำเนินการกับ $ (document) .load () <script type="text/javascript"> $(window).load(function () { var aspForm = $("form#aspnetForm"); var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm); firstInput.focus(); }); </script> และในการดีบักฉันเห็นว่า firstInput ว่างเปล่า UPD2: ฉันอยู่ในเพจ ASP.NET ที่ทำงานภายใต้ Sharepoint จนถึงตอนนี้ฉันพบว่าสำหรับบางองค์ประกอบจะพบพวกมัน (สำหรับองค์ประกอบคงที่) และสำหรับบางองค์ประกอบก็ไม่พบ :(

88 jquery  input  jquery-selectors 

ฉันมีสายพูด string display_txt = "1st line text" +"\n" + "2nd line text"; ใน Jquery ฉันกำลังพยายามใช้ไฟล์ ('#somediv').html(display_txt).css("color", "green") ค่อนข้างชัดเจนฉันคาดหวังว่าข้อความของฉันจะแสดงเป็น 2 บรรทัด แต่จะแสดง \ n ในข้อความแทน การแก้ไขอย่างรวดเร็วสำหรับสิ่งนั้นหรือไม่? ขอบคุณ

88 jquery  html  string  newline 

หากคุณต้องการให้เหตุการณ์ทำงานบนเพจของคุณคุณควรเรียกใช้ในฟังก์ชัน $ (document) .ready () ทุกอย่างที่อยู่ภายในจะโหลดทันทีที่โหลด DOM และก่อน ที่เนื้อหาของหน้าจะโหลด ฉันต้องการทำโค้ดจาวาสคริปต์หลังจากโหลดเนื้อหาของหน้าแล้วเท่านั้นจะทำได้อย่างไร?

88 jquery 

ฉันมีคลาสตัวเลื่อนแบบนี้และฉันต้องการเปลี่ยนสไตล์แอตทริบิวต์style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> ฉันลอง $('.handle').css({'style':'left: 300px'})แล้วแต่มันไม่ได้ผล ไม่แน่ใจว่าฉันทำอะไรผิดที่นี่

87 javascript  jquery  css 

ฉันต้องการดึงความสูงที่มองเห็นได้ของ div ภายในพื้นที่ที่เลื่อนได้ ฉันคิดว่าตัวเองค่อนข้างดีกับ jQuery แต่นี่เป็นการทิ้งฉันไปโดยสิ้นเชิง สมมติว่าฉันมี div สีแดงภายในกระดาษห่อสีดำ: ในกราฟิกด้านบนฟังก์ชัน jQuery จะส่งคืน 248 ซึ่งเป็นส่วนที่มองเห็นได้ของ div เมื่อผู้ใช้เลื่อนผ่านด้านบนสุดของ div ดังภาพด้านบนก็จะรายงาน 296 ตอนนี้เมื่อผู้ใช้เลื่อนผ่าน div ไปแล้วผู้ใช้จะรายงาน 248 อีกครั้ง เห็นได้ชัดว่าตัวเลขของฉันจะไม่สม่ำเสมอและชัดเจนเหมือนที่อยู่ในการสาธิตนี้หรือฉันแค่ตั้งรหัสยากสำหรับตัวเลขเหล่านั้น ฉันมีทฤษฎีเล็กน้อย: รับความสูงของหน้าต่าง รับความสูงของ div รับค่าชดเชยเริ่มต้นของ div จากด้านบนของหน้าต่าง รับค่าชดเชยเมื่อผู้ใช้เลื่อน หากออฟเซ็ตเป็นค่าบวกแสดงว่าด้านบนของ div ยังมองเห็นได้ ถ้าเป็นค่าลบด้านบนของ div จะถูกปิดโดยหน้าต่าง ณ จุดนี้ div อาจใช้ความสูงทั้งหมดของหน้าต่างหรืออาจแสดงด้านล่างของ div ก็ได้ หากด้านล่างของ div ปรากฏขึ้นให้หาช่องว่างระหว่างมันกับด้านล่างของหน้าต่าง ดูเหมือนจะค่อนข้างเรียบง่าย แต่ฉันไม่สามารถโอบรอบมันได้ …

87 javascript  jquery  height  visible 

ฉันต้องการตรวจสอบว่าช่องทำเครื่องหมายถูกยกเลิกการเลือกหรือไม่เมื่อผู้ใช้คลิกที่ช่องนั้น สาเหตุนี้เป็นเพราะฉันต้องการทำการตรวจสอบความถูกต้องเมื่อผู้ใช้ยกเลิกการเลือกช่องทำเครื่องหมาย เนื่องจากต้องเลือกช่องทำเครื่องหมายอย่างน้อยหนึ่งช่อง ดังนั้นหากเขายกเลิกการเลือกรายการสุดท้ายระบบจะตรวจสอบตัวเองอีกครั้งโดยอัตโนมัติ ด้วย jQuery ฉันสามารถค้นหาได้อย่างง่ายดายว่ามีการตรวจสอบหรือไม่: $('#check1').click(function() { if($(this).is(':checked')) alert('checked'); else alert('unchecked'); }); แต่จริงๆแล้วฉันต้องการเพียงคำสั่ง if ที่ตรวจสอบว่าช่องทำเครื่องหมายไม่ถูกเลือกหรือไม่ ดังนั้นฉันคิดว่าฉันสามารถทำได้ด้วยรหัสต่อไปนี้: $('#check2').click(function() { if($(this).not(':checked')) alert('unchecked'); else alert('checked'); }); แต่จะแสดงข้อความ "ไม่เลือก" เสมอ ไม่ใช่สิ่งที่ฉันคาดหวังจริงๆ ... การสาธิต: http://jsfiddle.net/tVM5H/ ในที่สุดฉันก็ต้องการบางสิ่งเช่น: $('#check2').click(function() { if($(this).not(':checked')) { // Got unchecked, so something!!! } }); แต่เห็นได้ชัดว่าสิ่งนี้ไม่ได้ผล ฉันไม่ต้องการใช้ตัวอย่างแรกเพราะฉันมีคำสั่ง 'else' ที่ไม่จำเป็นเมื่อฉันต้องการคำสั่ง 'if' เพียงคำสั่งเดียว …

87 jquery 

ฉันกำลังพยายามสร้างปุ่มซึ่งเมื่อผู้ใช้คลิกปุ่มนั้นจะเปลี่ยนรูปแบบขณะที่กดปุ่มเมาส์ค้าง ฉันยังต้องการให้เปลี่ยนรูปแบบในลักษณะเดียวกันหากสัมผัสในเบราว์เซอร์มือถือ สิ่งที่เห็นได้ชัดสำหรับฉันคือการใช้ CSS: active pseudo-class แต่ไม่ได้ผล ฉันพยายาม: โฟกัส แต่มันก็ไม่ได้ผลเช่นกัน ฉันลอง: วางเมาส์เหนือและดูเหมือนจะใช้งานได้ แต่มันยังคงรูปแบบไว้หลังจากที่ฉันเอานิ้วออกจากปุ่ม การสังเกตทั้งหมดนี้อยู่ใน iPhone 4 และ Droid 2 มีวิธีใดบ้างที่จะจำลองเอฟเฟกต์บนเบราว์เซอร์มือถือ (iPhone, iPad, Android และอื่น ๆ อีกมากมาย) ตอนนี้ฉันกำลังทำสิ่งนี้: <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> ... <button type="button" id="testButton">test</button> ... <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script …

87 javascript  jquery  html  css  mobile 

มีวิธีเพิ่มแฮช # ใน URL โดยไม่เปลี่ยนเส้นทางได้อย่างไร

87 javascript  jquery  hash 

มีวิธีใดบ้างที่สามารถเพิ่ม ID ได้เช่นเดียวกับการเพิ่มคลาส - addClass ()?

87 jquery  jquery-selectors 

ตามที่กล่าวมาในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดขึ้นมาใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน8 ปีที่ผ่านมา ฉันกำลังทำงานกับ JavaScript, JQuery และ HTML UI ของโครงการของฉันเป็นแบบไดนามิกอย่างสมบูรณ์ ฉันกำลังมองหา JavaScript / JQuery Grid แบบไดนามิกซึ่งรองรับคุณสมบัติต่อไปนี้ ใครช่วยบอกหน่อยว่ามี Grid โอเพ่นซอร์สที่ดูดีที่รองรับคุณสมบัติต่อไปนี้หรือไม่ ฉันควรจะสามารถสร้างอินสแตนซ์ของกริดได้ในขณะรันไทม์และเพิ่มไปยัง DOM รองรับเทมเพลตคอลัมน์ (กล่องข้อความเลือกช่องทำเครื่องหมายหรืออินพุตใด ๆ หรือข้อความธรรมดา) รองรับการตั้งค่าเทมเพลตคอลัมน์ใหม่หรือแทนที่เทมเพลตคอลัมน์ที่มีอยู่แบบเรียลไทม์ การควบคุมอินพุตไม่กี่ (เช่นช่อง, ช่องทำเครื่องหมาย .. ) ปัจจุบันภายใต้คอลัมน์อาจจะเปิดใช้งานและอาจจะไม่กี่คนพิการ รองรับ setData () แบบเรียลไทม์ รองรับเหตุการณ์หากข้อมูลอินพุตใด ๆ เปลี่ยนแปลงโดยผู้ใช้ ควรสนับสนุนการเลือกแถว เพิ่มแถวหรือลบแถวรองรับแบบเรียลไทม์โดยไม่ต้องแสดงผลทั้งเส้นตาราง รองรับเพจจิ้ง รองรับการจัดเรียงตามคอลัมน์แบบเรียลไทม์ เริ่มเหตุการณ์หากข้อมูลถูกจัดเรียงตามผู้ใช้แบบเรียลไทม์ Grid …

87 javascript  jquery  grid 

ฉันเข้าใจ JQuery ในแง่พื้นฐาน แต่ฉันยังใหม่อยู่มากและสงสัยว่านี่เป็นเรื่องง่ายมาก ฉันมี image src และ id ของฉันในการตอบสนอง JSON (แปลงเป็นวัตถุ) ดังนั้นค่าที่ถูกต้องใน responseObject.imgurl และ responseObject.imgid และตอนนี้ฉันต้องการสร้างภาพด้วยและต่อท้าย div (เรียกมันว่า<div id="imagediv">ฉันติดอยู่เล็กน้อยในการสร้างแบบไดนามิก<img src="dynamic" id="dynamic">- ตัวอย่างส่วนใหญ่ที่ฉันเห็นเกี่ยวข้องกับการแทนที่ src ในรูปภาพที่มีอยู่ แต่ฉันไม่มีรูปภาพอยู่แล้ว

87 javascript  jquery  image 

ฉันได้ตั้งค่าหีบเพลง Bootstrap เวอร์ชันง่ายๆนี้แล้ว : หีบเพลงธรรมดา: http://jsfiddle.net/darrenc/cngPS/ ขณะนี้ไอคอนชี้ลงเท่านั้น แต่มีใครรู้บ้างว่าจำเป็นต้องใช้ JS อะไรเพื่อเปลี่ยนคลาสของไอคอนเป็น: <i class="icon-chevron-up"></i> ... เพื่อให้ชี้ขึ้นเมื่อขยายและสลับกลับลงอีกครั้งเมื่อยุบและอันดับสี่?

87 javascript  jquery  twitter-bootstrap 

ฉันกำลังใช้แท็บกับ Twitter Bootstrap และต้องการเลือกแท็บเดียวกันหลังจากที่ผู้ใช้โพสต์ข้อมูลและรีโหลดเพจ วิธีนี้ทำได้อย่างไร? สายปัจจุบันของฉันไปที่ inti แท็บมีลักษณะดังนี้: <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> แท็บของฉัน: <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" data-toggle="tab">My Match</a></li> </ul>

87 javascript  jquery  twitter-bootstrap 

รหัสต่อไปนี้ทริกเกอร์ GET แทนที่จะเป็นคำขอ POST HTTP function AddToDatabase() { this.url = './api/add'; } AddToDatabase.prototype.postData = function(dataToPost) { $.ajax({ type: "POST", url: this.url, data: dataToPost, context: this, success: this.onSuccess }); }; var AddToDatabase = new AddToDatabase(); data = {data: 'coucou'}; AddToDatabase.postData(data); ทำไมและฉันจะรับโพสต์ได้อย่างไร? ฉันเห็นใน Google Chrome Inspect และ Firefox Inspect ว่าเบราว์เซอร์ส่ง GET มาจาก …

87 jquery  ajax