Semántico del desplegable (cuadro desplegable) la forma de uso

Desplegable usando ejemplos encontrados en la semántica (cuadro desplegable), la entrada de modelado, pero ningún efecto desplegable, después de una consulta de búsqueda alguna información, que "la selección desplegables" js también necesitan cooperar con el fin de tener efecto. Si no desea ejecutar js, también se puede utilizar otra clase, como "elemento desplegable sencilla interfaz de usuario" (ver al final de este artículo).

Grabado de la siguiente manera:

1, primera conexión css y js necesario (que estaba depurando Django, debe conectar la posición real):

    <link rel = "stylesheet" href = "{% estática 'dist / semantic.css' %}"> 
    <script src = "{% estática 'dist / jquery.min.js' %}"> </ script> 
    < script src = "{% estática 'dist / semantic.js' %}"> </ script>

2, el código de entrada desplegable:

<div class = "desplegable de selección ui"> 
                  <input type = "hidden" name = "Área"> <! -这句不要好像也可以-> 
                  <i clase = "icono desplegable"> </ i> 
                  < div class = "texto predeterminado">请选择地区</ div> 
                  <div class = "menú"> 
                    <div class = "item" id = "CY">朝阳</ div> 
                    <div class = "item" id = "HD">海淀</ div> 
                    <div class = "item" id = "TZ">通州</ div> 
                  </ div> 
</ div>

3, en código js:

<script> 
    $ (function () { 
        $ ( 'ui.selection.dropdown.') desplegable ();. 
    }); 
</ script>

　　Alejarse, ya está hecho, las vacunas son los siguientes:

　

 

Además, con los js "ui Elemento Simple desplegable" sin realizar el efecto similar se puede lograr, "ui sencilla elemento desplegable" Use los siguientes ejemplos:

    <div class = "elemento desplegable interfaz de usuario sencilla"> 
                  Área 
                  <clase i = "icono desplegable"> </ i> 
                  <div class = "Menú"> 
                    <div class = "item" id = "CY">朝阳</ div > 
                    <div class = "item" id =>海淀</ div> "HD" 
                    <div class = "item" id = "TZ">通州</ div> 
                  </ div> 
    </ div>