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

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

6
jQuery UI Sortable จากนั้นเขียนคำสั่งลงในฐานข้อมูล
ฉันต้องการใช้sortableฟังก์ชั่นjQuery UI เพื่อให้ผู้ใช้สามารถตั้งค่าคำสั่งซื้อจากนั้นในการเปลี่ยนแปลงให้เขียนลงในฐานข้อมูลและอัปเดต ใครช่วยเขียนตัวอย่างว่าจะทำได้ไหม

13
jQuery datepicker ตั้งค่าวันที่ที่เลือกได้ทันที
ฉันจะเปลี่ยนวันที่เลือกของตัวเลือกวันที่ jquery แบบไดนามิกได้อย่างไร? ฉันบอกว่าสร้างตัวเลือกวันที่แบบอินไลน์ หลังจากนั้นไม่นานฉันต้องการแสดงวันที่อื่นโดยไม่ต้องสร้าง datepicker ใหม่ตั้งแต่ต้น ฉันพยายามวิธี setDate แต่ไม่ได้ทำงานและไม่มีเอกสารมากในdoc มีปลั๊กอินอื่น (ขยาย?) ที่นี่แต่ฉันต้องการใช้ปลั๊กอินที่มาพร้อมกับ jquery.ui.all.js

12
ฉันจะแปล jQuery UI Datepicker ได้อย่างไร
ฉันต้องการปฏิทินแบบเลื่อนลงที่แปลเป็นภาษาท้องถิ่นจริงๆ ปฏิทินภาษาอังกฤษไม่ได้สื่อถึงความเป็นเลิศบนเว็บไซต์ของนอร์เวย์อย่างแน่นอน ;-) ฉันได้ทดลองใช้jQuery DatePickerแล้วเว็บไซต์ของพวกเขาบอกว่าสามารถแปลเป็นภาษาท้องถิ่นได้ แต่ดูเหมือนจะไม่ได้ผล ฉันใช้ ASPNET.MVC และฉันต้องการใช้ไลบรารีจาวาสคริปต์เดียวจริงๆ ในกรณีนี้ jQuery ปฏิทินชุดเครื่องมือ ajax เป็นที่ยอมรับได้หากมีเพียงปฏิทินนี้เท่านั้นที่จะแสดงชื่อภาษานอร์เวย์ Update: สุดยอด! ฉันเห็นว่าฉันไม่มีไฟล์ภาษารายละเอียดเล็กน้อย :-)

5
Javascript ลากและวางสำหรับอุปกรณ์ระบบสัมผัส [ปิด]
ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันกำลังมองหาปลั๊กอินลากและวางที่ใช้งานได้กับอุปกรณ์ระบบสัมผัส ฉันต้องการฟังก์ชันที่คล้ายกันกับปลั๊กอิน jQuery UIซึ่งช่วยให้องค์ประกอบ "droppable" jqtouch ปลั๊กอินสนับสนุนการลาก แต่ไม่ลดลง นี่คือการลากและวางที่รองรับเฉพาะ iPhone / iPad ใครช่วยชี้ทิศทางของปลั๊กอินลากและวางที่ทำงานบน Android / iOS ได้ไหม ... หรืออาจเป็นไปได้ที่จะอัปเดตปลั๊กอิน jqtouch เพื่อความสามารถในการถ่ายโอนข้อมูลมันทำงานบน Andriod และ IOS แล้ว ขอบคุณ!

19
ลองกดใน JavaScript?
เป็นไปได้ไหมที่จะใช้ "long press" ใน JavaScript (หรือ jQuery) อย่างไร? (ที่มา: androinica.com ) HTML <a href="" title="">Long press</a> JavaScript $("a").mouseup(function(){ // Clear timeout return false; }).mousedown(function(){ // Set timeout return false; });

12
การวาง datepicker () บนองค์ประกอบที่สร้างแบบไดนามิก - JQuery / JQueryUI
ฉันได้สร้างกล่องข้อความแบบไดนามิกและต้องการให้แต่ละกล่องสามารถแสดงปฏิทินได้เมื่อคลิก รหัสที่ฉันใช้คือ: $(".datepicker_recurring_start" ).datepicker(); ซึ่งจะใช้ได้เฉพาะในกล่องข้อความแรกแม้ว่ากล่องข้อความทั้งหมดของฉันจะมีคลาสที่เรียกว่า datepicker_recurring_start ความช่วยเหลือของคุณได้รับการชื่นชมมาก!

21
การวางตำแหน่งกล่องโต้ตอบ jQuery UI
ฉันกำลังพยายามใช้ไลบรารีUI ของกล่องโต้ตอบ jQueryเพื่อวางตำแหน่งกล่องโต้ตอบถัดจากข้อความบางส่วนเมื่อวางเมาส์เหนือ กล่องโต้ตอบ jQuery รับพารามิเตอร์ตำแหน่งซึ่งวัดจากมุมบนซ้ายของวิวพอร์ตปัจจุบัน (หรืออีกนัยหนึ่ง[0, 0]จะวางไว้ที่มุมซ้ายบนของหน้าต่างเบราว์เซอร์เสมอไม่ว่าคุณจะเลื่อนไปที่ใดในปัจจุบัน) อย่างไรก็ตามวิธีเดียวที่ฉันรู้ในการดึงข้อมูลตำแหน่งคือองค์ประกอบที่สัมพันธ์กับหน้าทั้งหมด ต่อไปนี้คือสิ่งที่ฉันมีอยู่ในขณะนี้ position.topคำนวณให้เป็นประมาณ 1200 หรือมากกว่านั้นซึ่งวางกล่องโต้ตอบไว้ด้านล่างส่วนที่เหลือของเนื้อหาในหน้า $(".mytext").mouseover(function() { position = $(this).position(); $("#dialog").dialog('option', 'position', [position.top, position.left]); } ฉันจะหาตำแหน่งที่ถูกต้องได้อย่างไร? ขอบคุณ!
116 jquery  jquery-ui 

3
jquery-ui เรียงลำดับได้ | วิธีทำให้มันทำงานบน iPad / touchdevices?
ฉันจะทำให้คุณสมบัติการจัดเรียง jQuery-UI ทำงานบน iPad และอุปกรณ์ระบบสัมผัสอื่น ๆ ได้อย่างไร http://jqueryui.com/demos/sortable/ ผมพยายามที่จะใช้event.preventDefault();, event.cancelBubble=true;และevent.stopPropagation();ด้วยtouchmoveและscrollเหตุการณ์ที่เกิดขึ้น แต่ผลที่ได้ก็คือว่าหน้าไม่เลื่อนได้อีกต่อไป ความคิดใด ๆ ?

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 …

7
ฉันจะสร้าง jQuery UI 'draggable ()' div draggable สำหรับหน้าจอสัมผัสได้อย่างไร
ฉันมี jQuery UI draggable()ที่ใช้งานได้ใน Firefox และ Chrome โดยพื้นฐานแล้วแนวคิดส่วนติดต่อผู้ใช้คือการคลิกเพื่อสร้างรายการประเภท "โพสต์อิท" โดยทั่วไปฉันคลิกหรือแตะที่div#everything(สูงและกว้าง 100%) ที่รับฟังการคลิกและพื้นที่ข้อความที่ป้อนจะปรากฏขึ้น คุณเพิ่มข้อความจากนั้นเมื่อคุณทำเสร็จแล้วจะบันทึก คุณสามารถลากองค์ประกอบนี้ไปรอบ ๆ ใช้งานได้บนเบราว์เซอร์ปกติ แต่บน iPad ฉันสามารถทดสอบได้โดยไม่สามารถลากรายการไปมาได้ ถ้าฉันแตะเพื่อเลือก (มันจะหรี่ลงเล็กน้อย) ฉันจะลากมันไม่ได้ มันจะไม่ลากไปทางซ้ายหรือขวาเลย ฉันสามารถลากขึ้นหรือลงได้ แต่ฉันไม่ได้ลากทีละdivหน้าฉันกำลังลากทั้งหน้าเว็บ นี่คือรหัสที่ฉันใช้เพื่อจับการคลิก: $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ …

20
jQuery UI Tabs - วิธีรับดัชนีแท็บที่เลือกในปัจจุบัน
ฉันรู้ว่ามีการถามคำถามเฉพาะนี้มาก่อนแต่ฉันไม่ได้รับผลลัพธ์ใด ๆ จากbind()เหตุการณ์ในjQuery UI Tabsปลั๊กอิน ฉันแค่ต้องการindexแท็บที่เลือกใหม่เพื่อดำเนินการเมื่อคลิกแท็บ bind()ช่วยให้ฉันสามารถเชื่อมต่อกับเหตุการณ์ที่เลือกได้ แต่วิธีการรับแท็บที่เลือกในปัจจุบันใช้งานไม่ได้ จะส่งคืนดัชนีแท็บที่เลือกไว้ก่อนหน้านี้ไม่ใช่ดัชนีใหม่: var selectedTab = $("#TabList").tabs().data("selected.tabs"); นี่คือรหัสที่ฉันพยายามใช้เพื่อรับแท็บที่เลือกในปัจจุบัน: $("#TabList").bind("tabsselect", function(event, ui) { }); เมื่อฉันใช้รหัสนี้วัตถุ UI undefinedกลับมา จากเอกสารนี่ควรเป็นวัตถุที่ฉันใช้เชื่อมต่อกับดัชนีที่เลือกใหม่โดยใช้ ui.tab ฉันได้ลองสิ่งนี้ในการtabs()โทรครั้งแรกและด้วยตัวมันเอง ฉันทำอะไรผิดที่นี่?

5
jQuery ui โต้ตอบเปลี่ยนชื่อเรื่องหลังจากโหลด - โทรกลับ
ฉันต้องการเปลี่ยนชื่อเรื่องจากกล่องโต้ตอบ UI หลังจากที่ฉันส่งแบบฟอร์มในกล่องโต้ตอบ UI นี้แล้ว ดังนั้นในฟังก์ชันเรียกกลับหลังจากที่loadฉันควรแนะนำ แต่ฉันได้ลองใช้งานแล้วโดยไม่มีผลลัพธ์ มีใครคิดบ้าง

21
วิธีการเปลี่ยนตำแหน่งป๊อปอัปของตัวควบคุม jQuery DatePicker
มีความคิดอย่างไรที่จะทำให้ DatePicker ปรากฏที่ส่วนท้ายของกล่องข้อความที่เกี่ยวข้องแทนที่จะอยู่ด้านล่างโดยตรง สิ่งที่มีแนวโน้มที่จะเกิดขึ้นคือกล่องข้อความจะอยู่ที่ด้านล่างของหน้าและ DatePicker จะเลื่อนขึ้นเพื่อพิจารณาและครอบคลุมกล่องข้อความทั้งหมด หากผู้ใช้ต้องการพิมพ์วันที่แทนที่จะเลือกก็ทำไม่ได้ ฉันอยากให้มันปรากฏหลังกล่องข้อความดังนั้นมันไม่สำคัญว่ามันจะปรับแนวตั้งอย่างไร มีความคิดอย่างไรในการควบคุมตำแหน่ง? ฉันไม่เห็นการตั้งค่าใด ๆ สำหรับวิดเจ็ตและฉันไม่มีโชคในการปรับแต่งการตั้งค่า CSS แต่ฉันอาจพลาดบางอย่างได้อย่างง่ายดาย

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

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

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