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

jQuery UI คือชุดของการโต้ตอบส่วนติดต่อผู้ใช้, เอฟเฟกต์, วิดเจ็ตและธีมที่สร้างขึ้นบน jQuery JavaScript Library


16
ค้นหาว่ามีการตรวจสอบปุ่มตัวเลือกด้วย JQuery หรือไม่
ฉันสามารถตั้งค่าปุ่มตัวเลือกให้ตรวจสอบได้ดี แต่สิ่งที่ฉันต้องการทำคือตั้งค่า 'ผู้ฟัง' ที่เปิดใช้งานเมื่อมีการตรวจสอบปุ่มตัวเลือก รับตัวอย่างรหัสต่อไปนี้: $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); มันเพิ่มคุณสมบัติที่เลือกและทุกอย่างดี แต่ฉันจะเพิ่มการแจ้งเตือนได้อย่างไร ตัวอย่างเช่นที่ปรากฏขึ้นเมื่อเลือกปุ่มตัวเลือกโดยไม่ใช้ฟังก์ชั่นคลิก?

21
จะเปลี่ยนข้อความของปุ่มใน jQuery ได้อย่างไร?
คุณจะเปลี่ยนค่าข้อความของปุ่มใน jQuery ได้อย่างไร? ปัจจุบันปุ่มของฉันมี 'เพิ่ม' เป็นค่าข้อความและเมื่อคลิกฉันต้องการให้เปลี่ยนเป็น 'บันทึก' ฉันได้ลองวิธีนี้ด้านล่าง แต่ยังไม่ประสบความสำเร็จ: $("#btnAddProfile").attr('value', 'Save');
548 jquery  jquery-ui 

28
jQuery UI DatePicker - เปลี่ยนรูปแบบวันที่
ฉันใช้ UI DatePicker จาก jQuery UI เป็นตัวเลือกสแตนด์อะโลน ฉันมีรหัสนี้: <div id="datepicker"></div> และ JS ต่อไปนี้: $('#datepicker').datepicker(); เมื่อฉันพยายามคืนค่าด้วยรหัสนี้: var date = $('#datepicker').datepicker('getDate'); ฉันกลับมานี้: Tue Aug 25 2009 00:00:00 GMT+0100 (BST) ซึ่งเป็นรูปแบบที่ผิดทั้งหมด มีวิธีที่ฉันสามารถคืนมันในรูปแบบDD-MM-YYYYหรือไม่?

8
ฉันสามารถ <button> ไม่ส่งแบบฟอร์มได้หรือไม่?
ฉันมีแบบฟอร์มมี 2 ปุ่ม &lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; ฉันใช้ปุ่มของ jQuery UI บนพวกเขาเช่นกัน $('button').button(); อย่างไรก็ตามปุ่มแรกจะส่งแบบฟอร์มด้วย ฉันจะคิดว่าถ้ามันไม่มีtype="submit"มันก็ไม่ได้ เห็นได้ชัดว่าฉันสามารถทำได้ $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); แต่มีวิธีที่ฉันสามารถหยุดปุ่มย้อนกลับนั้นจากการส่งแบบฟอร์มโดยไม่ต้องมีการแทรกแซง JavaScript? ตามจริงแล้วฉันใช้ปุ่มเพียงปุ่มเดียวดังนั้นฉันจึงสามารถจัดสไตล์ด้วย jQuery UI ฉันพยายามโทรหาbutton()ลิงก์ แต่ก็ใช้งานไม่ได้ตามที่คาดไว้ (ดูน่าเกลียดมาก!)

10
วิธีใช้งานวิทยุเมื่อมีการเปลี่ยนแปลง
ฉันมีปุ่มตัวเลือกสองตัวในเหตุการณ์การเปลี่ยนแปลงฉันต้องการปุ่มการเปลี่ยนแปลงเป็นไปได้อย่างไร รหัสของฉัน &lt;input type="radio" name="bedStatus" id="allot" checked="checked" value="allot"&gt;Allot &lt;input type="radio" name="bedStatus" id="transfer" value="transfer"&gt;Transfer ต้นฉบับ &lt;script&gt; $(document).ready(function () { $('input:radio[name=bedStatus]:checked').change(function () { if ($("input[name='bedStatus']:checked").val() == 'allot') { alert("Allot Thai Gayo Bhai"); } if ($("input[name='bedStatus']:checked").val() == 'transfer') { alert("Transfer Thai Gayo"); } }); }); &lt;/script&gt;
486 jquery  jquery-ui 

6
กำลังดาวน์โหลด jQuery UI CSS จาก CDN ของ Google
ฉันวางแผนที่จะใช้ Google เพื่อดาวน์โหลด jQuery lib สำหรับ UI และ Core คำถามของฉันคือพวกเขาอนุญาตให้ฉันดาวน์โหลด CSS หรือไม่หรือฉันต้องโฮสต์เอง นอกจากนี้หากฉันใช้ Google เพื่อโหลดฉันควรโหลดปลั๊กอินอื่นอย่างไร ฉันสามารถบีบอัดปลั๊กอินทั้งหมดเข้าด้วยกันหรือควรเป็นไฟล์แยกต่างหากหรือไม่


26
jQuery UI DatePicker เพื่อแสดงเดือนปีเท่านั้น
ฉันใช้ตัวเลือกวันที่ jQuery เพื่อแสดงปฏิทินทั่วแอพของฉัน ฉันต้องการทราบว่าฉันสามารถใช้มันเพื่อแสดงเดือนและปี (พฤษภาคม 2010) และไม่ใช่ปฏิทินหรือไม่

6
jQuery UI: เลื่อนลงช่วงวันที่กำหนดช่วงเวลาเป็น 100 ปี
การใช้ Datepicker ปีที่เลื่อนลงโดยค่าเริ่มต้นจะแสดงเพียง 10 ปี ผู้ใช้จะต้องคลิกปีที่แล้วเพื่อเพิ่มจำนวนปีที่เพิ่มขึ้น เราจะตั้งค่าช่วงเริ่มต้นให้เป็น 100 ปีเพื่อให้ผู้ใช้เห็นรายการขนาดใหญ่เป็นค่าเริ่มต้นได้อย่างไร function InitDatePickers() { $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, maxDate: '@maxDate', minDate: '@minDate' }); }

17
ไดอะล็อก jQuery UI พร้อม postback ปุ่ม ASP.NET
ฉันมี jQuery UI Dialog ทำงานได้ดีบนหน้า ASP.NET ของฉัน: jQuery(function() { jQuery("#dialog").dialog({ draggable: true, resizable: true, show: 'Transfer', hide: 'Transfer', width: 320, autoOpen: false, minHeight: 10, minwidth: 10 }); }); jQuery(document).ready(function() { jQuery("#button_id").click(function(e) { jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]); jQuery('#dialog').dialog('open'); }); }); div ของฉัน: &lt;div id="dialog" style="text-align: left;display: none;"&gt; …

16
MVC4 StyleBundle ไม่แก้ไขภาพ
คำถามของฉันคล้ายกับสิ่งนี้: ASP.NET MVC 4 Minification &amp; ภาพพื้นหลัง ยกเว้นว่าฉันต้องการที่จะยึดติดกับการรวมกลุ่มของ MVC ถ้าฉันสามารถทำได้ ฉันประสบปัญหาสมองล้มเหลวในการพยายามคิดออกว่ารูปแบบที่ถูกต้องคืออะไรสำหรับการระบุบันเดิลสไตล์เช่นชุด css แบบสแตนด์อโลนและชุดรูปภาพเช่น jQuery UI ฉันมีโครงสร้างเว็บไซต์ MVC ทั่วไปที่มี/Content/css/ที่มี CSS styles.cssฐานของฉันเช่น ภายในโฟลเดอร์ css นั้นฉันยังมีโฟลเดอร์ย่อยเช่น/jquery-uiที่มีไฟล์ CSS และ/imagesโฟลเดอร์ เส้นทางรูปภาพใน jQuery UI CSS นั้นสัมพันธ์กับโฟลเดอร์นั้นและฉันไม่ต้องการยุ่งกับมัน ตามที่ฉันเข้าใจเมื่อฉันระบุStyleBundleฉันจำเป็นต้องระบุเส้นทางเสมือนซึ่งไม่ตรงกับเส้นทางเนื้อหาจริงเนื่องจาก (สมมติว่าฉันเพิกเฉยเส้นทางไปยังเนื้อหา) IIS จะพยายามแก้ไขเส้นทางนั้นเป็นไฟล์ทางกายภาพ ดังนั้นฉันจึงระบุ: bundles.Add(new StyleBundle("~/Content/styles/jquery-ui") .Include("~/Content/css/jquery-ui/*.css")); แสดงผลโดยใช้: @Styles.Render("~/Content/styles/jquery-ui") ฉันเห็นคำขอไปที่: http://localhost/MySite/Content/styles/jquery-ui?v=nL_6HPFtzoqrts9nwrtjq0VQFYnhMjY5EopXsK8cxmg1 นี่เป็นการส่งคืนการตอบสนอง CSS ที่ถูกต้องและลดขนาดลง แต่เบราว์เซอร์ก็ส่งคำขอรูปภาพที่เชื่อมโยงกันเป็น: http://localhost/MySite/Content/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png 404ซึ่งเป็น ผมเข้าใจว่าส่วนสุดท้ายของ URL …

11
jQuery Event: ตรวจจับการเปลี่ยนแปลงใน html / text ของ div
ฉันมี div ซึ่งมีเนื้อหาเปลี่ยนแปลงอยู่ตลอดเวลาไม่ว่าจะเป็นajax requests, jquery functions, blurฯลฯ เป็นต้น มีวิธีที่ฉันสามารถตรวจจับการเปลี่ยนแปลงใด ๆ ใน div ของฉันได้ตลอดเวลาหรือไม่? ฉันไม่ต้องการใช้ช่วงเวลาหรือการตรวจสอบค่าเริ่มต้น สิ่งนี้จะทำ $('mydiv').contentchanged() { alert('changed') }
265 jquery  jquery-ui 


30
ฉันจะปิดการใช้งานปุ่มในกล่องโต้ตอบ jQuery จากฟังก์ชั่นได้อย่างไร?
ฉันมีกล่องโต้ตอบ jQuery ที่ต้องการให้ผู้ใช้ป้อนข้อมูลบางอย่าง ในแบบฟอร์มนี้ฉันมีปุ่ม "ดำเนินการต่อ" ฉันต้องการให้ปุ่ม "ดำเนินการต่อ" นี้เปิดใช้งานเฉพาะเมื่อทุกฟิลด์มีเนื้อหาในนั้นมิฉะนั้นจะถูกปิดใช้งาน ฉันเขียนฟังก์ชันที่เรียกว่าสถานะฟิลด์เปลี่ยนแปลงทุกครั้ง อย่างไรก็ตามฉันไม่ทราบวิธีการเปิดและปิดการใช้งานปุ่มโต้ตอบจากฟังก์ชั่นนี้ ฉันควรทำอย่างไรดี? โอ๊ะและฉันลืมพูดถึงว่าปุ่มเหล่านี้ถูกสร้างขึ้นดังนี้: $(function() { $("#dialog").dialog({ bgiframe: true, height: 'auto', width: 700, show: 'clip', hide: 'clip', modal: true, buttons: { 'Add to request list': function() { $(this).dialog('close'); $('form').submit(); }, 'Cancel': function() { $(this).dialog('close'); } } }) });
237 jquery  jquery-ui 

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