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

เป็นไปได้ไหมที่จะซ่อนองค์ประกอบโดยอัตโนมัติในหน้าเว็บ 5 วินาทีหลังจากโหลดแบบฟอร์มโดยใช้ jQuery โดยทั่วไปฉันมี <div id="successMessage">Project saved successfully!</div> ที่ฉันอยากจะหายไปหลังจากผ่านไป 5 วินาที ฉันได้ดู jQuery UI และเอฟเฟกต์การซ่อนแล้ว แต่ฉันมีปัญหาเล็กน้อยในการทำให้มันทำงานในแบบที่ฉันต้องการ <script type="text/javascript"> $(function() { function runEffect() { var selectedEffect = 'blind'; var options = {}; $("#successMessage").hide(selectedEffect, options, 500); }; $("#successMessage").click(function() { runEffect(); return false; }); }); </script> ฉันต้องการลบฟังก์ชันการคลิกออกและเพิ่มวิธีการหมดเวลาที่เรียกใช้ runEffect () หลังจากผ่านไป 5 วินาที

92 jquery  jquery-ui 

เมื่อคุณเพิ่มการลากและวางลงในหน้าเว็บโดยใช้ JavaScript เช่น jQuery UI ที่ลากได้และลากเลื่อนได้คุณจะทำให้สิ่งนี้ทำงานได้อย่างไรเมื่อดูผ่านเบราว์เซอร์บนอุปกรณ์มือถือซึ่งการกระทำบนหน้าจอสัมผัสสำหรับการลากจะถูกขัดขวางโดย โทรศัพท์สำหรับเลื่อนไปรอบ ๆ หน้า ฯลฯ ? ยินดีต้อนรับโซลูชันทั้งหมด ... ความคิดเริ่มต้นของฉันคือ: มีปุ่มสำหรับอุปกรณ์เคลื่อนที่ที่ "ยก" รายการที่จะลากจากนั้นให้พวกเขาคลิกโซนที่ต้องการวางรายการนั้น เขียนแอปที่ทำสิ่งนี้สำหรับอุปกรณ์มือถือแทนที่จะพยายามทำให้หน้าเว็บทำงานได้! ข้อเสนอแนะและความคิดเห็นของคุณโปรด

92 javascript  html  jquery-ui  mobile-devices 

ฉันกำลังพยายามเลือกช่วงวันที่โดยใช้เครื่องมือเลือกวันที่ของ UI ในช่องจาก / ถึงคนไม่ควรดูหรือเลือกวันที่ก่อนหน้าถึงปัจจุบัน นี่คือรหัสของฉัน: $(function() { var dates = $( "#from, #to" ).datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, …

91 jquery  jquery-ui  datepicker  uidatepicker  jquery-ui-datepicker 

ก่อนที่คุณจะชี้ให้ฉันดูพวกเขาใช่ฉันได้ตรวจสอบโพสต์ครึ่งโหลในหัวข้อนี้แล้ว แต่ฉันก็ยังลังเลว่าทำไมถึงไม่ได้ผล เป้าหมายของฉันคือตรวจจับเมื่อการเติมข้อความอัตโนมัติให้ผลลัพธ์ 0 นี่คือรหัส: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + …

89 jquery  ajax  jquery-ui  jquery-ui-autocomplete 

ฉันมีปัญหาในการพยายามทำให้การเติมข้อความอัตโนมัติทำงานอย่างถูกต้อง ทุกอย่างดูโอเคสำหรับฉัน แต่ .... <script> $(function () { $("#customer-search").autocomplete({ source: 'Customer/GetCustomerByName', minLength: 3, select: function (event, ui) { $("#customer-search").val(ui.item.label); $("#selected-customer").val(ui.item.label); } }); }); </script> <div> <input id="customer-search" /> </div> @Html.Hidden("selected-customer") อย่างไรก็ตามเมื่อฉันเลือกรายการจากดรอปดาวน์ค่าจะถูกนำไปใช้กับกล่องข้อความแทนป้ายกำกับ ฉันทำอะไรผิด? หากฉันดูต้นทางโดยใช้ firebug ฉันจะเห็นว่าฟิลด์ที่ซ่อนอยู่ของฉันได้รับการอัปเดตอย่างถูกต้อง

86 jquery  asp.net-mvc  jquery-ui  autocomplete  jquery-ui-autocomplete 

ใครช่วยให้ฉันเข้าใจว่าเหตุใดสิ่งนี้จึงมีประโยชน์และควรใช้เมื่อใด $( "#sortable" ).disableSelection();

86 jquery  jquery-ui 

วันนี้ฉันอัปเกรดปลั๊กอิน jQuery ทั้งหมดด้วย jQuery 1.9.1 และฉันเริ่มใช้คำแนะนำเครื่องมือ jQueryUI กับ jquery.ui.1.10.2 ทุกอย่างดี แต่เมื่อฉันใช้แท็ก HTML ในเนื้อหา (ในtitleแอตทริบิวต์ขององค์ประกอบที่ฉันใช้คำแนะนำเครื่องมือ) ฉันสังเกตเห็นว่าไม่รองรับ HTML นี่คือภาพหน้าจอของคำแนะนำเครื่องมือของฉัน: ฉันจะทำให้เนื้อหา HTML ทำงานกับคำแนะนำเครื่องมือ jQueryUI ใน 1.10.2 ได้อย่างไร

86 jquery  html  jquery-ui  jquery-ui-tooltip 

ฉันต้องการรับวันที่จาก datepicker เมื่อใดก็ตามที่ผู้ใช้เลือกวันที่ใน jQuery UI datepicker แล้วคลิกปุ่มบนแบบฟอร์ม ฉันต้องได้วันเดือนและปีของวันที่พวกเขาเลือก ฉันจะรับรูปแบบวันที่ jQuery UI ได้อย่างไร

86 javascript  jquery  jquery-ui 

ฉันจะรีเซ็ตค่าปฏิทิน datepicker ได้อย่างไร .. ข้อ จำกัด วันที่ต่ำสุดและสูงสุด? ปัญหาคือเมื่อฉันล้างวันที่ (โดยการลบค่ากล่องข้อความ) ข้อ จำกัด วันที่ก่อนหน้านี้ยังคงใช้อยู่ ฉันได้จัดเรียงเอกสารและไม่มีอะไรเพิ่มขึ้นในการแก้ปัญหา ฉันยังไม่พบวิธีแก้ไขอย่างรวดเร็วในการค้นหา SO / google http://jsfiddle.net/CoryDanielson/tF5MH/ วิธีการแก้: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ …

85 jquery  jquery-ui  jquery-ui-datepicker 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการ1 ปีที่ผ่านมา ปรับปรุงคำถามนี้ เรากำลังดึงไลบรารี jQuery และ jQueryUI (และ jQueryUI CSS) จาก google CDN ฉันชอบสิ่งนี้เพราะฉันสามารถโทรได้google.load("jquery", "1"); และ jQuery 1.xx ล่าสุดจะถูกใช้ ตอนนี้ฉันต้องการดึงไลบรารีในเครื่องเนื่องจากความปลอดภัย ฉันมีความสุขที่จะดึงพวกเขามาในพื้นที่ แต่ฉันสงสัยว่าอะไรคือประโยชน์และข้อผิดพลาดอื่น ๆ ที่ต้องระวัง?

85 javascript  jquery  jquery-ui  cdn 

ฉันพยายามค้นหาวิธีแก้ปัญหา Jquery ui datepicker ของฉันและฉันไม่มีโชค นี่คือสิ่งที่ฉันกำลังพยายามทำ ... ฉันมีแอปพลิเคชันที่ฉันกำลังทำ PHP ที่ซับซ้อนเพื่อส่งคืนอาร์เรย์ JSON ของวันที่ที่ฉันต้องการให้ BLOCKED ออกจาก Jquery UI Datepicker ฉันกำลังส่งคืนอาร์เรย์นี้: ["2013-03-14","2013-03-15","2013-03-16"] ไม่มีวิธีง่ายๆในการพูดว่า: บล็อกวันที่เหล่านี้จาก datepicker หรือไม่? ฉันได้อ่านเอกสาร UI และไม่เห็นอะไรที่ช่วยฉันได้ ใครมีไอเดียบ้าง

84 jquery-ui  jquery-ui-datepicker