JavascriptとjQueryがGrailsアプリケーションで動作しなくなった

Grailsアプリケーションで非常に奇妙なことに直面しています.JavascriptとjQueryはすべて機能しなくなりました。 "リフレッシュ依存関係" が、何も変わっていない：JavascriptとjQueryがGrailsアプリケーションで動作しなくなった

<script type="text/javascript"> 
alert ("Hi"); 
</script>

は、ここで生成されたものである。

<!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> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Insert title here</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> 
    <link rel="shortcut icon" href="/myApp/assets/FB_favicon.png" 
    type="image/x-icon"> 
    <link rel="apple-touch-icon" 
    href="/myApp/assets/apple-touch-icon.png"> 
    <link rel="apple-touch-icon" sizes="114x114" 
    href="/myApp/assets/apple-touch-icon-retina.png"> 

    <link rel="stylesheet" href="/myApp/assets/main.css?compile=false" /> 
    <link rel="stylesheet" href="/myApp/assets/mobile.css?compile=false" /> 
    <link rel="stylesheet" href="/myApp/assets/application.css?compile=false" /> 

    <script src="/myApp/assets/jquery/jquery-1.11.1.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/jquery.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/JqueryCalender.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/JqueryPaymentPlugin.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/JqueryValidationPlugin.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/adsValidation.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/alertify.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/alertify.min.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/jquery.growl.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/jquery.session.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/photosValidation.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/test.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/utils.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/wordCharacterCounter.js?compile=false" type="text/javascript" ></script> 
    <script src="/myApp/assets/application.js?compile=false" type="text/javascript" ></script> 

    <script src="/myApp/js/stripe-v2.js" type="text/javascript"></script> 



    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> 
    <meta name="layout" content="main"/> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 

      alert("Hiiii"); 
     }); 
    </script> 

</head> 
<body> 



    <div id="grailsLogo" role="banner"><a href="http://grails.org"><img src="/myApp/assets/FB_Logo.png" alt="test"/></a> </div> 

    <head> 
     <script src="/myApp/assets/jquery.session.js?compile=false" type="text/javascript" ></script> 

    </head> 

    <div style="padding-left: 30px;padding-bottom: 50px;transform:scale(1.5,1.5);transform-origin:0 0;">Languages : 
     <div id="lang_selector" class="lang_selector"> 

      <a href="/myApp/grails/ads/test.dispatch?lang=ar_EG" title="Change language." class="lang_link"> 
       <span class="lang_flag opacitiy_not_selected"> 
        <img alt="" src="/myApp/static/plugins/lang-selector-0.3/images/flags/png/eg.png" border="0"> 
       </span> 
      </a> 

      <a href="/myApp/grails/ads/test.dispatch?lang=en_US" title="Change language." class="lang_link"> 
       <span class="lang_flag "> 
        <img alt="" src="/myApp/static/plugins/lang-selector-0.3/images/flags/png/us.png" border="0"> 
       </span> 
      </a> 

     </div> </div> 
     <div id='cssmenu'> 

      <ul class="navbar-nav navbar-right"> 



       <li><a href="/myApp/users/logout"> 
        <b><u>Logout</u></b> 
       </a></li> 

      </ul> 




     </div> 


     <div class="welcomeMenu"><a href="/myApp/users/edit/1"> Welcome , user </a></div> 

     <div class="body"> 

     </div> 



    </div> 
    <div id="spinner" class="spinner" style="display:none;">Loading&hellip;</div> 

</body> 
</html>

この奇妙な行動を起こしたことは何？

出典

2016-04-15 Sherif

GrailsはJavaScriptの動作を停止しません。 jQuery、OK、それは可能です。しかし、単純なJavaScriptではありません。あなたは別のWebブラウザを試しましたか？ –

@EmmanuelRosa、Eclipseの内部ブラウザ、Chrome、IEのすべて同じ結果を試しました – Sherif

grailsが生成しているhtmlコードを投稿してください。 –

まず、JavaScriptが実際に動作していることを証明することです。、

<script type="text/javascript"> 
    $(document).ready(function(){ 
     alert("Hiiii"); 
    }); 
</script>

...からテストを変更することを行うには...変更に...

<script type="text/javascript"> 
    alert("Hiiii"); 
</script>

は、テスト用バイパスのjQueryを行います。

普通の古いJavaScriptが動作していることを確認したら、jQueryの問題を処理できます。これはあなたが二回のjQueryをロードしていることである：

<script src="/myApp/assets/jquery/jquery-1.11.1.js?compile=false" type="text/javascript" ></script> 
<script src="/myApp/assets/jquery.js?compile=false" type="text/javascript" ></script>

あなたが転がっのjQueryの2番目のコピーを持っているし、資産パイプラインがそれを拾っているように見えます。

出典

2016-04-16 00:26:39

' 'が2番目の問題を解決するために、どのようにアセットパイプラインを1つのjqueryのみを使用できるようにするかを指定します。jquey 1.11.1 – Sherif

jquery.jsファイルを見つけて削除します。 –

削除した後、私はこの "pipeline.DirectiveProcessor、資産を見つけることができません：/ jquery" – Sherif

JavascriptとjQueryがGrailsアプリケーションで動作しなくなった

答えて

関連する問題