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


16
jQuery UI Dialog - ไม่มีไอคอนปิด
ฉันใช้ชุดรูปแบบ jQuery 1.10.3 ที่กำหนดเอง ฉันดาวน์โหลดทุกอย่างจากธีมโรลเลอร์และฉันไม่มีเจตนาเปลี่ยนแปลงอะไรเลย ฉันสร้างกล่องโต้ตอบและได้สี่เหลี่ยมสีเทาที่มีไอคอนปิด: ฉันเปรียบเทียบโค้ดที่สร้างบนหน้าของฉัน: <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <spanid="ui-id-2" class="ui-dialog-title">Title</span> <button class="ui-dialog-titlebar-close"></button> </div> ไปยังรหัสที่สร้างขึ้นในหน้าการสาธิตการโต้ตอบ : <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">close</span> </button> </div> แก้ไข: ส่วนต่าง ๆ ของรหัสถูกสร้างขึ้นโดย …

10
jquery-ui-dialog - วิธีเชื่อมต่อกับเหตุการณ์ปิดไดอะล็อก
ฉันใช้jquery-ui-dialogปลั๊กอิน ฉันกำลังมองหาวิธีรีเฟรชหน้าเมื่ออยู่ในบางสถานการณ์เมื่อปิดกล่องโต้ตอบ มีวิธีในการจับภาพเหตุการณ์ปิดจากกล่องโต้ตอบหรือไม่? ฉันรู้ว่าฉันสามารถเรียกใช้รหัสได้เมื่อคลิกปุ่มปิด แต่ไม่ครอบคลุมการปิดผู้ใช้ด้วยการยกเว้นหรือ x ที่มุมบนขวา

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

14
ปรับขนาดกล่องโต้ตอบ jQuery UI โดยอัตโนมัติตามความกว้างของเนื้อหาที่โหลดโดย ajax
ฉันมีปัญหาในการค้นหาข้อมูลและตัวอย่างที่เฉพาะเจาะจงเกี่ยวกับเรื่องนี้ ฉันมีกล่องโต้ตอบ 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 ดูเหมือนว่านี่น่าจะเป็นอะไรที่ง่ายจริงๆ แก้ไข: ฉันได้ใช้วิธีแก้ปัญหาสำหรับสิ่งนี้แล้ว แต่ฉันยังคงมองหาวิธีแก้ปัญหาที่ดีกว่า

7
วิธีลบกล่องโต้ตอบอย่างสมบูรณ์เมื่อปิด
เมื่อการดำเนินการ 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 อย่างสมบูรณ์หรือไม่? หรือฉันต้องเรียกใช้ฟังก์ชันการทำลายนั้นก่อนเช่นกัน?

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

20
jQuery UI - ปิดกล่องโต้ตอบเมื่อคลิกภายนอก
ฉันมีไดอะล็อก jQuery UI ที่แสดงขึ้นเมื่อมีการคลิกองค์ประกอบเฉพาะ ฉันต้องการปิดกล่องโต้ตอบหากมีการคลิกเกิดขึ้นที่อื่นนอกเหนือจากองค์ประกอบที่ทริกเกอร์เหล่านั้นหรือตัวโต้ตอบนั้นเอง นี่คือรหัสสำหรับเปิดกล่องโต้ตอบ: $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); หากฉันไม่ใส่ความคิดเห็นในส่วนสุดท้ายกล่องโต้ตอบจะไม่เปิดขึ้น ฉันคิดว่าเป็นเพราะคลิกเดียวกับที่เปิดกล่องโต้ตอบกำลังปิดอีกครั้ง หมายเหตุรหัสการทำงานขั้นสุดท้าย : นี่คือการใช้ปลั๊กอินjQuery …

11
jquery ui Dialog: ไม่สามารถเรียกเมธอดบนไดอะล็อกก่อนการเริ่มต้น
ฉันมีแอพใน jquery 1.5 พร้อมกล่องโต้ตอบที่ใช้งานได้ดี ในขณะที่ฉันมีตัวจัดการ. live จำนวนมากฉันเปลี่ยนเป็น. ใน. เพื่อสิ่งนั้นฉันต้องอัปเดต jquery (ตอนนี้ 1.8.3 เป็น jquerui 1.9.1) ตอนนี้ฉันได้รับ: Error: cannot call methods on dialog prior to initialization; attempted to call method 'close' ต่อไปนี้คือรหัส: Javascript var opt = { autoOpen: false, modal: true, width: 550, height:650, title: 'Details' }; $(document).ready(function() { $("#divDialog").dialog(opt); $("#divDialog").dialog("open"); …

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