bootstrap-select注意すべき問題

3132 ワード
フロントエンド
  • bootstrap-select一般的なファジイクエリは、selectラベルに**class=「selectpicker」data-live-search=「true」**
    • を追加することで、次のようになります.
  • 動的追加データであれば、以下のようになります.「.s e l e c t p i c k e r」を追加する必要がある.s e l e c t p i c k e r ( ′ r e f r e s h ′ ) ; 「.selectpicker」).selectpicker('refresh');「.selectpicker」).selectpicker(′refresh′);「.selectpicker」).selectpicker(‘render’); 
    • 			$.each(data.tasks, function (index, value) {
                    arr += "";
                });
              
                $("#taskName").append(arr);
                $(".selectpicker").selectpicker('refresh');
                $(".selectpicker").selectpicker('render');
            },
  • selectボックス全体が動的に追加された場合、bootstrap-selectを含むselectボックス(私はcloneを使用できません)をcloneで行うことはできません.以下の方法ではできません.
    $('#channel_container').append($('#channel_model').children().clone(true));//clone bootstrap-select

    次のようにappend方式で動的に追加できます.
     $('.channel_container').append('

    ' +
            '                

    ' +
            '                    
    ' +
            '                    
    ' +
            '                    

    ' +
            '                        
    ' +
            '                    

    ' +
            '                

    ' +
            '                

    ' +
            '                    
    ' +
            '                    

    ' +
            '                        
    ' +
            '                    

    ' +
            '                

    ' +
            '                
    ' +
            '            
    ');
        $(".selectpicker").selectpicker('refresh');
        $(".selectpicker").selectpicker('render');
    • 逆転文字列Write a String Reverser(and use Recursion!)
    Implement Trie and find longest prefix string list