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

ฉันใช้ jQuery UI ที่สามารถจัดเรียงได้เพื่อทำให้ตารางตารางของฉันเรียงลำดับได้ ดูเหมือนว่ารหัสจะทำงานได้ดี แต่เนื่องจากฉันไม่ได้เพิ่มความกว้างให้กับtds เมื่อฉันลากtrมันทำให้เนื้อหาหดตัว ตัวอย่างเช่น; หากแถวตารางของฉันคือ 500px เมื่อฉันเริ่มลากมันจะกลายเป็น 300px ฉันคิดว่ามันเกิดขึ้นเพราะไม่มีการกำหนดความกว้างในตาราง นั่นเป็นเพราะฉันใช้สองคลาสสำหรับtds ( fixและliquid) fixระดับทำให้tdเท่ากับความกว้างของเนื้อหาและliquidทำให้tdความกว้าง 100% มันเป็นวิธีการของฉันสำหรับตารางตารางโดยไม่ต้องกำหนดความกว้างtdของ ความคิดใด ๆ ที่ทำให้การจัดเรียงทำงานกับแนวทางของฉันได้อย่างไร

155 jquery  jquery-ui  jquery-ui-sortable 

ฉันต้องการตรวจสอบว่าอินพุตเป็นช่องทำเครื่องหมายหรือไม่และสิ่งต่อไปนี้ใช้ไม่ได้: $("#myinput").attr('checked') === undefined ขอบคุณอีกครั้ง!

151 javascript  jquery  jquery-ui 

ฉันพยายามใช้ JQuery UI Dialog เพื่อแทนที่javascript:alert()กล่องน่าเกลียด ในสถานการณ์ของฉันฉันมีรายการสิ่งของและถัดจากแต่ละรายการฉันจะมีปุ่ม "ลบ" สำหรับแต่ละรายการ psuedo html setup จะเป็นดังนี้: <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> ในส่วน JQ เมื่อเอกสารพร้อมฉันจะตั้งค่า div ให้เป็นกล่องโต้ตอบแบบโมดอลด้วยปุ่มที่จำเป็นและตั้งค่า "a" เหล่านั้นให้ยิงเพื่อยืนยันก่อนที่จะลบเช่น: $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser …

148 jquery  jquery-ui  dialog  modal-dialog 

ฉันจะติดตามองค์ประกอบใดที่ตำแหน่งคือเมื่อตำแหน่งของมันในรายการเรียงลำดับเปลี่ยนแปลง?

146 jquery  jquery-ui  jquery-ui-sortable 

ฉันจะปิดการใช้งานปุ่มได้อย่างไร บนกล่องโต้ตอบ jQuery UIได้อย่างไร ฉันดูเหมือนจะไม่พบสิ่งนี้ในเอกสารใด ๆ ในลิงก์ด้านบน ฉันมี 2 ปุ่มในการยืนยัน modal ("ยืนยัน" และ "ยกเลิก") ในบางกรณีฉันต้องการปิดการใช้งานปุ่ม "ยืนยัน"

143 jquery  jquery-ui  jquery-ui-dialog 

ฉันได้รับเคล็ดลับเครื่องมือในการทำงานกับรหัสต่อไปนี้ในที่สุด : <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> แล้ว <script> $('[rel=tooltip]').tooltip(); </script> ปัญหาที่ฉันพบคือมีการใช้คำแนะนำเครื่องมือ jQueryUI (ไม่มีลูกศร, คำแนะนำเครื่องมือที่น่าเกลียดขนาดใหญ่) แทนที่จะเป็น Bootstraps ฉันต้องทำอะไรเพื่อใช้ประโยชน์จาก Bootstrap Tooltips แทน jQueryUI

141 jquery-ui  twitter-bootstrap 

ฉันพยายามใช้ KnockoutJS กับ jQuery UI ฉันมีองค์ประกอบอินพุตที่แนบ datepicker ฉันกำลังดำเนินการอยู่knockout.debug.1.2.1.jsและดูเหมือนว่าเหตุการณ์การเปลี่ยนแปลงจะไม่ถูกจับโดย Knockout องค์ประกอบมีลักษณะดังนี้: <input type="text" class="date" data-bind="value: RedemptionExpiration"/> ฉันได้ลองเปลี่ยนvalueUpdateประเภทเหตุการณ์ แต่ก็ไม่เกิดประโยชน์ ดูเหมือนว่า Chrome จะทำให้เกิดfocusเหตุการณ์ก่อนที่จะเปลี่ยนค่า แต่ IE ไม่ทำ มีวิธีการ Knockout บางวิธีที่ "rebinds all the bindings" หรือไม่? ในทางเทคนิคฉันต้องการเพียงค่าที่เปลี่ยนแปลงก่อนที่จะส่งกลับไปที่เซิร์ฟเวอร์ ดังนั้นฉันจึงสามารถใช้วิธีแก้ปัญหาแบบนั้นได้ ฉันคิดว่าปัญหาดังกล่าวเป็นความผิดของผู้ระบุวันที่ แต่ฉันไม่สามารถหาวิธีแก้ไขได้ ความคิดใด ๆ ?

135 jquery-ui  knockout.js 

ฉันมีปัญหาในการค้นหาข้อมูลและตัวอย่างที่เฉพาะเจาะจงเกี่ยวกับเรื่องนี้ ฉันมีกล่องโต้ตอบ jQuery UI จำนวนหนึ่งในแอปพลิเคชันของฉันที่แนบมากับ div ที่โหลดด้วยการเรียก. jQuery () พวกเขาทั้งหมดใช้การเรียกการตั้งค่าเดียวกัน: $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); ฉันแค่อยากให้กล่องโต้ตอบปรับขนาดตามความกว้างของเนื้อหาที่โหลดมา ตอนนี้ความกว้างจะอยู่ที่ 300px (ค่าเริ่มต้น) และฉันจะได้แถบเลื่อนแนวนอน เท่าที่ฉันสามารถบอกได้ว่า "autoResize" ไม่ใช่ตัวเลือกสำหรับกล่องโต้ตอบอีกต่อไปและจะไม่มีอะไรเกิดขึ้นเมื่อฉันระบุ ฉันพยายามที่จะไม่เขียนฟังก์ชันแยกกันสำหรับแต่ละกล่องโต้ตอบดังนั้นจึง.dialog("option", "width", "500")ไม่ใช่ตัวเลือกจริงๆเนื่องจากแต่ละกล่องโต้ตอบจะมีความกว้างต่างกัน การระบุwidth: 'auto'ตัวเลือกไดอะล็อกทำให้ไดอะล็อกใช้เวลาถึง 100% ของความกว้างของหน้าต่างเบราว์เซอร์ ตัวเลือกของฉันคืออะไร? ฉันใช้ jQuery 1.4.1 กับ jQuery UI 1.8rc1 ดูเหมือนว่านี่น่าจะเป็นอะไรที่ง่ายจริงๆ แก้ไข: ฉันได้ใช้วิธีแก้ปัญหาสำหรับสิ่งนี้แล้ว แต่ฉันยังคงมองหาวิธีแก้ปัญหาที่ดีกว่า

134 javascript  jquery  ajax  jquery-ui  jquery-ui-dialog 

เมื่อการดำเนินการ ajax ล้มเหลวฉันสร้าง div ใหม่พร้อมกับข้อผิดพลาดจากนั้นแสดงเป็นกล่องโต้ตอบ เมื่อปิดกล่องโต้ตอบฉันต้องการทำลายและลบ div อีกครั้ง ฉันจะทำเช่นนี้ได้อย่างไร? รหัสของฉันมีลักษณะดังนี้: $('<div>We failed</div>') .dialog( { title: 'Error', close: function(event, ui) { $(this).destroy().remove(); } }); เมื่อฉันเรียกใช้สิ่งนี้กล่องโต้ตอบจะปรากฏขึ้นอย่างถูกต้อง แต่เมื่อฉันปิดกล่องโต้ตอบจะยังคงมองเห็นได้ใน html (โดยใช้ FireBug) ฉันพลาดอะไรไปที่นี่? บางสิ่งที่ฉันลืม? อัปเดต:เพิ่งสังเกตว่ารหัสของฉันทำให้ฉันมีข้อผิดพลาดในคอนโซล firebug $ (this) .destroy ไม่ใช่ฟังก์ชัน ใครสามารถช่วยฉันออก? อัปเดต:หากฉันทำ$(this).remove()แทนรายการจะถูกลบออกจาก html แต่มันถูกลบออกจาก DOM อย่างสมบูรณ์หรือไม่? หรือฉันต้องเรียกใช้ฟังก์ชันการทำลายนั้นก่อนเช่นกัน?

134 jquery-ui  jquery-ui-dialog 

ฉันมีป๊อปอัพกล่องโต้ตอบ JQuery UI ที่แสดงแบบฟอร์ม โดยการเลือกตัวเลือกบางตัวในแบบฟอร์มตัวเลือกใหม่จะปรากฏในแบบฟอร์มทำให้สูงขึ้น สิ่งนี้สามารถนำไปสู่สถานการณ์สมมติที่หน้าหลักมีแถบเลื่อนและกล่องโต้ตอบ JQuery UI มีแถบเลื่อน สถานการณ์สองแถบเลื่อนนี้ไม่น่าดูและสร้างความสับสนให้กับผู้ใช้ ฉันจะทำให้กล่องโต้ตอบ JQuery UI ขยาย (และอาจหดเล็กลง) เพื่อให้พอดีกับเนื้อหาเสมอโดยไม่ต้องแสดงแถบเลื่อนได้อย่างไร ฉันต้องการให้เห็นเฉพาะแถบเลื่อนในหน้าหลักเท่านั้น

131 jquery  jquery-ui  jquery-ui-dialog 

ฉันมีกล่องโต้ตอบ jQuery UI พร้อมแบบฟอร์ม ฉันต้องการจำลองการคลิกที่ปุ่มใดปุ่มหนึ่งของกล่องโต้ตอบเพื่อที่คุณจะได้ไม่ต้องใช้เมาส์หรือแท็บ กล่าวอีกนัยหนึ่งคือฉันต้องการให้มันทำหน้าที่เหมือนกล่องโต้ตอบ GUI ทั่วไปที่จำลองการกดปุ่ม "ตกลง" ผมถือว่านี้อาจจะเป็นตัวเลือกที่ง่ายกับการโต้ตอบ แต่ฉันไม่สามารถหาได้ในเอกสาร jQuery UI ฉันสามารถผูกข้อมูลแต่ละฟอร์มด้วย keyup () แต่ไม่รู้ว่ามีวิธีที่ง่ายกว่า / สะอาดกว่านี้หรือไม่ ขอบคุณ

131 javascript  jquery  jquery-ui 

ฉันกำลังทำงานกับ jQuery UI Accordion และใช้งานได้ดี แต่ฉันต้องการให้หีบเพลงปิดอยู่เว้นแต่จะคลิกที่มัน ฉันกำลังใช้รหัสนี้ในขณะนี้ซึ่งอนุญาตให้เปิดปิดได้: $("#accordion").accordion({ header: "h3", collapsible: true }); มีวิธีปิดโดยค่าเริ่มต้นเว้นแต่จะมีการคลิกหรือไม่?

130 jquery-ui 

ฉันกำลังพยายามแก้ไขข้อบกพร่องของเว็บไซต์และฉันคิดว่า jQueryUI อาจโหลดไม่ถูกต้อง จะทดสอบได้อย่างไรว่า jQueryUI โหลดแล้ว

130 javascript  jquery-ui 

ปุ่มใดบนแป้นพิมพ์ที่มีรหัสเป็น13? switch(key) { case 37: $.keynav.goLeft(); break; case 38: $.keynav.goUp(); break; case 39: $.keynav.goRight(); break; case 40: $.keynav.goDown(); break; case 13: $.keynav.activate(); break; }

128 javascript  jquery  jquery-ui  keyboard 

ฉันใช้ jQuery UI การเติมข้อความอัตโนมัติ $("#task").autocomplete({ max:10, minLength:3, source: myarray }); พารามิเตอร์ max ไม่ทำงานและฉันยังได้ผลลัพธ์มากกว่า 10 รายการ ฉันพลาดอะไรไปรึเปล่า?

126 jquery-ui  autocomplete  jquery-ui-autocomplete