如何链接grails中的javascript引导方法
如何链接grails中的javascript引导方法
提问于 2015-03-06 14:02:58
我正在尝试创建一个从引导网站直接获取的下拉菜单。
但是，似乎我在通过javascript方法$('.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>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-03-07 08:00:44
引导依赖于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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28900434
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号