未捕获参考错误YUI未定义控制台错误

我正在使用alloyui前端，当我试图使用此获取issue.uncaught引用错误YUI未定义控制台错误。以下是代码的任何帮助。我只是更新这个代码，请看下面的代码。未捕获参考错误YUI未定义控制台错误

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>{% block title %}Welcome!{% endblock %}</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     {% block stylesheets %} 
      <link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"> 
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
     {% endblock %} 
     <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> 
     <script> 
      YUI().use(
        'node', 
        'transition', 
        function (Y) { 
         Y.one('.navbar-brand').on(
           'click', function() { 
            this.transition(
              { 
               width: '500px' 
              } 
            ); 
           } 
         ); 
        } 
      ); 
     </script> 
    </head> 
    <body> 
     {% block body %} 
     <div class="container-fluid"> 
      <nav class="navbar navbar-default"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="{{ path('dashboard.index') }}">NewsDriver</a> 
       </div> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="{{ path('dashboard.index') }}">Dashboard</a></li> 
       </ul> 
       <ul class="nav navbar-nav navbar-right"> 
        {% if is_granted('IS_AUTHENTICATED_FULLY') %} 
         <li><a href="#">{{ app.user.getName() }}</a></li> 
         <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> 
        {% else %} 
         <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
        {% endif %} 
       </ul> 
      </nav> 
      {% for flashType, flashMessages in app.session.flashbag.all() %} 
       {% for flashMessage in flashMessages %} 
        <div class="alert alert-{{ flashType }}"> 
         <button type="button" class="close" data-dismiss="alert">&times;</button> 
         {{ flashMessage }} 
        </div> 
       {% endfor %} 
      {% endfor %} 
      {% block content %}{% endblock %} 
     </div> 
     {% endblock %} 
     {% block javascripts %} 
      <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> 
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
     {% endblock %} 
    </body> 
</html>

来源

2016-11-18 Sanjay Yadav

我们需要看到更多的代码，具体在哪里，你在AllyUI脚本加载的部分。 – winseybash

你已经把''在你的脚本之前，你的HTML？ –

在运行自定义JS代码之前，您需要加载aui-min.js脚本。

见编辑下面的代码：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>{% block title %}Welcome!{% endblock %}</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    {% block stylesheets %} 
     <link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"> 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    {% endblock %} 
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> 
</head> 
<body> 
    {% block body %} 
    <div class="container-fluid"> 
     <nav class="navbar navbar-default"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="{{ path('dashboard.index') }}">NewsDriver</a> 
      </div> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="{{ path('dashboard.index') }}">Dashboard</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       {% if is_granted('IS_AUTHENTICATED_FULLY') %} 
        <li><a href="#">{{ app.user.getName() }}</a></li> 
        <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> 
       {% else %} 
        <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
       {% endif %} 
      </ul> 
     </nav> 
     {% for flashType, flashMessages in app.session.flashbag.all() %} 
      {% for flashMessage in flashMessages %} 
       <div class="alert alert-{{ flashType }}"> 
        <button type="button" class="close" data-dismiss="alert">&times;</button> 
        {{ flashMessage }} 
       </div> 
      {% endfor %} 
     {% endfor %} 
     {% block content %}{% endblock %} 
    </div> 
    {% endblock %} 
    {% block javascripts %} 
     <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    {% endblock %} 
    <script> 
     YUI().use(
       'node', 
       'transition', 
       function (Y) { 
        Y.one('.navbar-brand').on(
          'click', function() { 
           this.transition(
             { 
              width: '500px' 
             } 
           ); 
          } 
        ); 
       } 
     ); 
    </script> 
</body> 
</html>

来源

2016-11-18 10:11:50 winseybash

你必须把<script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script>的<script>之前，你在呼唤YUI()。

来源

2016-11-18 10:10:43

未捕获参考错误YUI未定义控制台错误

回答

相关问题