如何在 grails 中 link javascript bootstrap 方法

Question

我正在尝试创建一个直接取自 bootstrap 网站的下拉菜单

但是我似乎无法通过 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>

Answer 1

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>

如何在 grails 中 link javascript bootstrap 方法

How to link a javascript bootstrap method in grails

javascript

grails