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

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

2
แนวทางปฏิบัติที่ดีที่สุดในการจัดระเบียบไลบรารี Javascript และโครงสร้างโฟลเดอร์ CSS [ปิด]
ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ คุณจัดระเบียบโฟลเดอร์ js & css ในเว็บแอปพลิเคชันของคุณอย่างไร? โครงสร้างโครงการปัจจุบันของฉันเป็นแบบนี้: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html แต่มันซับซ้อนกว่าเมื่อฉันใช้ไลบรารี javascript & ปลั๊กอิน css จำนวนมาก ปลั๊กอิน Javascript มาพร้อมกับไฟล์. js ของตัวเองและบางครั้งก็มีไฟล์. css ของตัวเอง ตัวอย่างเช่นเมื่อฉันใช้ JQuery กับปลั๊กอิน JQueryUI ฉันใส่ …

14
Bootstrap carousel หลายเฟรมพร้อมกัน
นี่คือเอฟเฟกต์ที่ฉันพยายามทำด้วยม้าหมุน Bootstrap 3 แทนที่จะแสดงทีละเฟรม แต่จะแสดง N เฟรมแบบสไลด์ข้างกัน จากนั้นเมื่อคุณเลื่อน (หรือเมื่อสไลด์อัตโนมัติ) ระบบจะเลื่อนกลุ่มของสไลด์เช่นเดียวกับที่ทำ สามารถทำได้ด้วยม้าหมุนของ bootstrap 3 หรือไม่? ฉันหวังว่าฉันจะไม่ต้องไปตามล่าหาปลั๊กอิน jQuery อื่น ...

18
jQuery: ทดสอบว่าไม่ได้เลือกช่องทำเครื่องหมาย
ฉันมีปัญหาในการหาข้อมูลนี้ ฉันมีช่องทำเครื่องหมายสองช่อง (ในอนาคตจะมีมากกว่านี้): checkSurfaceEnvironment-1 checkSurfaceEnvironment-2 โดยทั่วไปฉันต้องการเขียนคำสั่ง if และทดสอบว่ามีการตรวจสอบข้อใดข้อหนึ่งและไม่ได้ตรวจสอบอีกรายการหนึ่ง วิธีใดที่ง่ายที่สุดในการทำสิ่งต่อไปนี้: if ( $("#checkSurfaceEnvironment-1").attr('checked', true) && $("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') ) { // do something }


6
jQuery เปลี่ยนรูปแบบขององค์ประกอบ HTML
ฉันมีรายการเกี่ยวกับ HTML <div id="header" class="row"> <div id="logo" class="col_12">And the winner is<span>n't...</span></div> <div id="navigation" class="row"> <ul id="pirra"> <li><a href="#">Why?</a></li> <li><a href="#">Synopsis</a></li> <li><a href="#">Stills/Photos</a></li> <li><a href="#">Videos/clips</a></li> <li><a href="#">Quotes</a></li> <li><a href="#">Quiz</a></li> </ul> </div> มันเปลี่ยนแปลงได้ดีในการแสดงแนวนอนในการเปลี่ยนแปลง CSS div#navigation ul li { display: inline-block; } แต่ตอนนี้ฉันต้องการทำกับ jQuery ฉันใช้: $(document).ready(function() { console.log('hello'); $('#navigation ul li').css('display': 'inline-block'); }); …
110 jquery  html  css 

7
$ .when.apply ($, someArray) ทำอะไร?
ฉันอ่านเกี่ยวกับ Deferreds และสัญญา$.when.apply($, someArray)และให้มาข้าม ฉันไม่ชัดเจนเล็กน้อยว่าสิ่งนี้ทำอะไรได้บ้างโดยกำลังมองหาคำอธิบายว่าหนึ่งบรรทัดทำงานได้ตรงกันทั้งหมด (ไม่ใช่ข้อมูลโค้ดทั้งหมด) นี่คือบริบทบางส่วน: var data = [1,2,3,4]; // the ids coming back from serviceA var processItemsDeferred = []; for(var i = 0; i < data.length; i++){ processItemsDeferred.push(processItem(data[i])); } $.when.apply($, processItemsDeferred).then(everythingDone); function processItem(data) { var dfd = $.Deferred(); console.log('called processItem'); //in the real world, this would probably …

16
ฉันจะรับปุ่มที่ทำให้เกิดการส่งจากเหตุการณ์ส่งแบบฟอร์มได้อย่างไร
ฉันกำลังพยายามหาค่าของปุ่มส่งที่เรียกให้ส่งแบบฟอร์ม $("form").submit(function() { }); ฉันอาจจะยิง $ ("input [type = submit]") คลิก () เหตุการณ์สำหรับแต่ละปุ่มและตั้งค่าตัวแปรบางอย่าง แต่ดูเหมือนจะไม่ค่อยหรูหรากว่าการดึงปุ่มออกจากแบบฟอร์มเมื่อส่ง
110 jquery  webforms 

5
อะไรเป็นสาเหตุของข้อผิดพลาด "string.split ไม่ใช่ฟังก์ชัน"
ทำไมฉันถึงได้ ... Uncaught TypeError: string.split ไม่ใช่ฟังก์ชัน ... เมื่อฉันวิ่ง ... var string = document.location; var split = string.split('/'); เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด
110 javascript  jquery  split 

3
วัตถุ JSON ที่ซ้อนกัน - ฉันต้องใช้อาร์เรย์สำหรับทุกสิ่งหรือไม่
มีวิธีใดบ้างที่จะมีวัตถุซ้อนกันใน JSON ดังนั้นฉันจึงไม่ต้องสร้างอาร์เรย์จากทุกสิ่ง เพื่อให้วัตถุของฉันถูกแยกวิเคราะห์โดยไม่มีข้อผิดพลาดดูเหมือนว่าฉันต้องการโครงสร้างแบบนี้: {"data":[{"stuff":[ {"onetype":[ {"id":1,"name":"John Doe"}, {"id":2,"name":"Don Joeh"} ]}, {"othertype":[ {"id":2,"company":"ACME"} ]}] },{"otherstuff":[ {"thing": [[1,42],[2,2]] }] }]} หากฉันดึงวัตถุนี้มาเป็นตัวแปรที่เรียกว่า "ผลลัพธ์" ฉันต้องเข้าถึงวัตถุที่ซ้อนกันดังนี้: result.data[0].stuff[0].onetype[0] และ result.data[1].otherstuff[0].thing[0] สิ่งนี้ดูเหมือนเงอะงะและซ้ำซ้อนสำหรับฉันถ้าเป็นไปได้ฉันต้องการ: result.stuff.onetype[0] และ result.otherstuff.thing แต่ฉันจะใช้คีย์ออบเจ็กต์โดยตรงได้อย่างไรในเมื่อทุกอย่างเป็นอาร์เรย์ สำหรับจิตใจที่สับสนและไร้การศึกษาของฉันสิ่งนี้ดูเหมือนจะเหมาะสมกว่า: {"data": {"stuff": {"onetype":[ {"id":1,"name": ""}, {"id":2,"name": ""} ]} {"othertype":[ {"id":2,"xyz": [-2,0,2],"n":"Crab Nebula","t":0,"c":0,"d":5} ]} } {"otherstuff": {"thing": [[1,42],[2,2]] } } …

8
JQuery: จะเรียกเหตุการณ์ปรับขนาดได้อย่างไรเมื่อปรับขนาดเสร็จแล้ว
ฉันจะเรียกใช้ฟังก์ชันได้อย่างไรเมื่อหน้าต่างเบราว์เซอร์ปรับขนาดเสร็จแล้ว ฉันกำลังพยายามทำเช่นนั้น แต่กำลังมีปัญหา ฉันใช้ฟังก์ชันเหตุการณ์ JQuery Resize: $(window).resize(function() { ... // how to call only once the browser has FINISHED resizing? }); อย่างไรก็ตามฟังก์ชันนี้จะถูกเรียกใช้อย่างต่อเนื่องหากผู้ใช้ปรับขนาดหน้าต่างเบราว์เซอร์ด้วยตนเอง ซึ่งหมายความว่ามันอาจเรียกใช้ฟังก์ชันนี้หลายสิบครั้งในช่วงเวลาสั้น ๆ ฉันจะเรียกฟังก์ชั่นปรับขนาดเพียงครั้งเดียวได้อย่างไร (เมื่อปรับขนาดหน้าต่างเบราว์เซอร์เสร็จแล้ว) อัปเดต โดยไม่ต้องใช้ตัวแปรส่วนกลาง
109 javascript  jquery  html 

2
เหตุใดฉันจึงควรสร้างการดำเนินการ async WebAPI แทนการซิงค์
ฉันมีการดำเนินการต่อไปนี้ใน Web API ที่ฉันสร้างขึ้น: // GET api/<controller> [HttpGet] [Route("pharmacies/{pharmacyId}/page/{page}/{filter?}")] public CartTotalsDTO GetProductsWithHistory(Guid pharmacyId, int page, string filter = null ,[FromUri] bool refresh = false) { return delegateHelper.GetProductsWithHistory(CustomerContext.Current.GetContactById(pharmacyId), refresh); } การเรียกใช้บริการเว็บนี้ทำผ่าน Jquery Ajax เรียกวิธีนี้: $.ajax({ url: "/api/products/pharmacies/<%# Farmacia.PrimaryKeyId.Value.ToString() %>/page/" + vm.currentPage() + "/" + filter, type: "GET", dataType: "json", success: function …

15
Twitter Bootstrap - แท็บ - URL ไม่เปลี่ยนแปลง
ฉันใช้ Twitter Bootstrap และ "แท็บ" ฉันมีรหัสต่อไปนี้: <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#add">add</a></li> <li><a data-toggle="tab" href="#edit" >edit</a></li> <li><a data-toggle="tab" href="#delete" >delete</a></li> </ul> แท็บทำงานได้อย่างถูกต้อง แต่ใน URL ไม่ได้เพิ่ม #add, #edit, #delete เมื่อฉันลบdata-toggleการเปลี่ยนแปลง URL แต่แท็บไม่ทำงาน วิธีแก้ปัญหานี้หรือไม่?

14
คุณสามารถตรวจจับ "การลาก" ใน jQuery ได้หรือไม่?
ฉันมีอาการสั่นที่จะปรากฏขึ้นเมื่อผู้ใช้คลิกลิงก์ ปัญหาคือลิงก์เดียวกันนั้นสามารถคลิกและลากเพื่อจัดเรียงใหม่ได้ ในกรณีนี้ฉันไม่ต้องการให้นักสั่นปรากฏตัว มันจะต้องปรากฏขึ้นถ้ามันกำลังรอไปที่ไหนสักแห่งจริงๆ ฉันจะใช้ jQuery สร้างตัวฟังเหตุการณ์ที่จะอนุญาตให้ตัวสั่นเท่านั้นปรากฏขึ้นได้อย่างไรหากมีการคลิกผ่านไปยังลิงก์ไม่ใช่การคลิกและลาก
109 jquery 

6
ใช้ jQuery วิธีรับพิกัดการคลิกบนองค์ประกอบเป้าหมาย
ฉันมีตัวจัดการเหตุการณ์ต่อไปนี้สำหรับองค์ประกอบ html ของฉัน jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); ฉันต้องการค้นหาตำแหน่งของเมาส์บนแถบค้นหา # เมื่อคลิก ฉันคิดว่ารหัสข้างต้นควรใช้งานได้ แต่ให้ผลลัพธ์ที่ไม่ถูกต้อง

12
jQuery - รับความกว้างขององค์ประกอบเมื่อมองไม่เห็น (แสดง: ไม่มี)
ดูเหมือนว่าใน jQuery เมื่อองค์ประกอบไม่สามารถมองเห็นได้ width () ส่งกลับ 0 เข้าท่า แต่ฉันต้องได้รับความกว้างของตารางเพื่อตั้งค่าความกว้างของพาเรนต์ก่อนที่ฉันจะแสดงพาเรนต์ ดังที่ระบุไว้ด้านล่างมีข้อความในผู้ปกครองซึ่งทำให้ผู้ปกครองเอียงและดูน่ารังเกียจ ฉันต้องการให้พาเรนต์กว้างเท่ากับตารางเท่านั้นและมีการตัดข้อความ <div id="parent"> Text here ... Can get very long and skew the parent <table> ... </table> Text here too ... which is why I want to shrink the parent based on the table </div> CSS: #parent { display: none; …
109 jquery  width 

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