Fatal编程技术网

Twitter bootstrap 引导多重选择不工作

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 引导多重选择不工作,twitter-bootstrap,twitter-bootstrap-3,multi-select,Twitter Bootstrap,Twitter Bootstrap 3,Multi Select,我正在尝试使用multiselect引导，我使用了以下代码，这些代码也可以在他们的网站上找到（），它显示了multi-select按钮，因为我已经为“cheese and Pearoni”设置了所选选项，它也已经选择了它们，但每当我点击它时，它都不会打开要选择的列表 <!-- Include the plugin's CSS and JS: --> <script src="http://code.jquery.com/jquery.js"></script>

我正在尝试使用multiselect引导，我使用了以下代码，这些代码也可以在他们的网站上找到（），它显示了multi-select按钮，因为我已经为“cheese and Pearoni”设置了所选选项，它也已经选择了它们，但每当我点击它时，它都不会打开要选择的列表

<!-- Include the plugin's CSS and JS: -->
<script src="http://code.jquery.com/jquery.js"></script>    
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap-multiselect.js'); ?>"></script>

<link href="<?php echo base_url('bootstrap/css/bootstrap-multiselect.css'); ?>" rel="stylesheet" type="text/css">    
<link href="<?php echo base_url('bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet" type="text/css">                  
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap.min.js'); ?>"></script>    

<!-- Build your select: -->
<select class="multiselect" multiple="multiple" name="my-select[]" id="my-select">
    <option value="cheese" selected>Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni" selected>Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript">
    $(document).ready(function() {     
            $('.multiselect').multiselect();      
    });
</script>



尝试以下操作：将此添加到您选择的构建位置。。。
奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱
未选择

    

  • 

  • 

  • 

  • 

  • 



我对插件和Internet Explorer有同样的问题，请尝试添加bootstrap.js文件（）。我错过了这些，似乎这些是必需的。
这可以解决您的问题。有时jsfiddle.net无法正常工作

所以，请制作一个html文件并复制到下面的行中。这对你有用




$（函数（）{
$（'#lstFruits'）。多选({
includeSelectAllOption:true
});
});
奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱

关于IE8，我遇到了一些问题。当我修改bootstarp-multiselect.js第223行时


this.$select.wrap('<span class="hide-native-select">').after(this.$container);



它起作用了
谢谢你的回答，但还是不起作用；您在您的计算机或JSFIDLE上试用过吗？您的JSFIDLE也不工作！你把所有的东西都包括进去了吗？嗨，请检查一下，我已经解决了你的问题。你有没有想过？我也有同样的问题完美！有时我们会错过基本的东西。我忘了添加这个核心引导文件，这就是它不工作的原因。非常感谢：）只是一张关于我遇到的一个问题的便条。如果出于某种原因，boostrap.js文件在您的页面上包含了两次（可能会发生，因此确实发生了），那么multi-select不会下拉。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



this.$select.wrap('<span class="hide-native-select">').after(this.$container);



this.$select.wrap('<span class="hide-native-select"></span>').after(this.$container);



'class': option.class, to  'class': option['class'],