Jquery plugins 如何使用jquery插件silviomoreto?

Jquery plugins 如何使用jquery插件silviomoreto?,jquery-plugins,Jquery Plugins,我正在尝试使用这个插件 它将您的选择转换为引导下拉按钮。它会保留select以保持表单的一致性,因此您可以提交所选值。 但是,没有发生任何转换 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Final_Year_Project_Allocation_System.Site1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD

我正在尝试使用这个插件

它将您的选择转换为引导下拉按钮。它会保留select以保持表单的一致性,因此您可以提交所选值。 但是,没有发生任何转换

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Final_Year_Project_Allocation_System.Site1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

    <!-- styling select -->
    <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.css" rel="stylesheet"
        type="text/css" />
    <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.js" type="text/javascript"></script>
    <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.css" rel="stylesheet"
        type="text/css" />
    <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.js" type="text/javascript"></script>

    <title>:: Project Allocation System</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div class="container-fluid">
        <form id="form1" runat="server" class="form-horizontal">
        <div class="span12"><br /><br /><br /></div>
        <div class="row-fluid">
            <div class=" span3">
                <!--Sidebar content-->
                <asp:ContentPlaceHolder ID="SideBarContent" runat="server">
                </asp:ContentPlaceHolder>
            </div>
            <div class="span9">
                <!--Body content-->
                <asp:ContentPlaceHolder ID="BodyContent" runat="server">
**<select class="selectpicker">
    <optgroup label="Picnic">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
    </optgroup>
    <optgroup label="Camping">
    <option>Tent</option>
    <option>Flashlight</option>
    <option>Toilet Paper</option>
    </optgroup>
    </select>**

                </asp:ContentPlaceHolder>
            </div>
        </div>
        </form>
    </div>
</body>
</html>

::项目分配制度



** 芥末 番茄酱 喜欢 帐篷 手电筒 厕纸 **
您能将目前为止尝试过的代码放在JSFIDLE上吗?这将有助于理解问题,因为它会显示一个普通的选择按钮。看起来您包含了两次脚本:首先是非精简版(bootstrap select.js),然后是精简版(bootstrap select.min.js)。选择一个,而不是两个。并且您不会在任何地方初始化脚本(
$('.selectpicker').selectpicker();
)。即使我包含一次,它也不会工作:(您初始化了插件吗?