Bootstrap selectpicker css工作但js不工作

时间:2015-04-15 16:49:55

标签: javascript html css twitter-bootstrap

我的选择框中有引导选择选择器。从数据库中选择框列表是动态的。当我更改选择框时,应根据之前的选择显示其他选择框。当我没有实现select picker js插件时它的工作正常。

实施后,我可以看到应用了selectpicker css但是当我点击selectbox时它就不会扩展。

我的代码:

 function selectstyle()
 {
    $('.selectpicker').selectpicker();
 }

 $(document).on("change", "#main_option", function(){
    // to list option in another selectbox
    selectstyle();     //calling selectpicker function.
 }):

 $(document).on("change", "#sub_option", function(){
    // to list option in another selectbox
    selectstyle();     //calling selectpicker function.
 }):

上面的代码是用document ready编写的,jquery和bootstrap函数加载在本页面的顶部。并且obquery jquery位于selectpicker css和js之前的第一位。

1 个答案:

答案 0 :(得分:0)

检查此fiddle

我刚使用.selectpicker('show');.selectpicker('hide');