如何在grails中链接javascript引导方法
我试图创建一个下拉菜单直接从引导网站 但是,通过javascript方法调用如何在grails中链接javascript引导方法,javascript,grails,Javascript,Grails,我试图创建一个下拉菜单直接从引导网站 但是,通过javascript方法调用$('.dropdown toggle').dropdown()似乎有问题。 如果你熟悉grails,你能告诉我它是否正确吗? 我不知道我是否通过正确的标签调用它 <!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7 ]>
$('.dropdown toggle').dropdown()似乎有问题。
如果你熟悉grails,你能告诉我它是否正确吗?
我不知道我是否通过正确的标签调用它
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
<head>
<asset:stylesheet src="main.css"/>
<asset:stylesheet src="bootstrap.min.css"/>
<asset:javascript src="bootstrap.min.js"/>
<g:layoutHead/>
</head>
<body class="container">
<!-- Single button -->
<g:javascript>
$('.dropdown-toggle').dropdown()
</g:javascript>
<h1>Admin </h1>
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
upload <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
Bootstrap依赖于jQuery,因此下载jQuery.min.js
并添加:
<asset:javascript src="jquery.min.js"/>
这样对你的脑袋说:
<head>
<asset:javascript src="jquery.min.js"/>
<asset:stylesheet src="main.css"/>
<asset:stylesheet src="bootstrap.min.css"/>
<asset:javascript src="bootstrap.min.js"/>
<g:layoutHead/>
</head>
jQuery应在添加引导之前添加。看看插件依赖项。