Jquery plugins 如何使用jquery插件silviomoreto?
我正在尝试使用这个插件 它将您的选择转换为引导下拉按钮。它会保留select以保持表单的一致性,因此您可以提交所选值。 但是,没有发生任何转换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
<%@ 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();
)。即使我包含一次,它也不会工作:(您初始化了插件吗?