Kiểu tự động hoàn thành với Zurb Foundation

Question

Cách tốt nhất để sử dụng tính năng Nền tảng thay vì jQuery CSS cho Tự động điền là gì?

Đây là mã của tôi: http://jsfiddle.net/qhoc/88kfb/

<div class="row"> 
<form class="custom"> 
<fieldset> 
<legend>Fieldset</legend> 
<div class="row"> 
    <div class="large-12 columns ui-widget"> 
    <label for="tags">Input Label</label> 
    <input id="tags" type="text" placeholder="large-12.columns"> 
    </div> 
</div> 
</div> 

Tôi chỉ không muốn bao gồm một tập tin .css đó là chi phí trên trang:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

Vì vậy, tôi đoán tôi có hai câu hỏi :

1. Có cách nào để sử dụng dropdown từ Foundation hoặc một cái gì đó? Có vẻ như dropdown chỉ dành cho topbar và css của nó hơi say bên ngoài trường hợp sử dụng cụ thể đó.

2. Cách nào "chuẩn" để tạo menu thả xuống trong Foundation? Xin hãy giúp một số ví dụ. Bởi vì tôi đã suy nghĩ nó là một trong hai bó rows hoặc nó có thể là một tinh chỉnh từ dropdown

Answer 1

Bạn có thể thử để thêm 'f-thả xuống' lớp qua jquery đến:

$('.ui-autocomplete').addClass('f-dropdown'); 

cũng đặt trên app.css o youystyle.css:

.ui-helper-hidden-accessible{display:none}

tôi hy vọng nó sẽ giúp ... http://jsfiddle.net/vgarcias/WdncE/

Answer 2

Nền tảng hiện đang cố gắng kết hợp tự động hoàn thành theo mặc định, trong phiên bản tiếp theo của nó. Bạn có thể tìm thấy mục nhập trong số này

https://github.com/zurb/foundation/issues/3100