播放框架 - 當它擴展其他html時如何添加腳本到html頁面

My.html file has the following 

#{extends "dir/parent.html" /}. Parent.html has all declarations to import css and java script files.

如何將css文件/ java腳本文件和java腳本添加到My.html文件中。播放框架 - 當它擴展其他html時如何添加腳本到html頁面

播放文檔建議在父級中使用變量並在My.html中聲明它。

下面的聲明是不工作我用的標籤

.............. @myScript

和My.html 林parent.html ，我正在定義如下的變量。

@myScript = { 
<script type="text/javascript" 
    src="/public/tablesorter/js/jquery-latest.js"></script> 

<link rel="stylesheet" type="text/css" 
    href="@{'/public/tablesorter/css/theme.blue.css'}" /> 
<script type="text/javascript"> 
    $(function() { 

     var $table = $('#ptTable'), 
     // define pager options 
........ 
}

有什麼建議嗎？謝謝

來源

2015-10-13 satya

如果您使用的是Play Framework 2，那麼我建議您像在Play Framework的文檔中那樣使用父文件中的參數，並且指定需要特定CSS的子文件中的這些參數值或Javascript文件。

例如：

parent.scala.html：

@(moreStyles: Html = null, moreScripts: Html = null)(content: Html) 

<!DOCTYPE html> 
<html> 
    <head> 
     <!-- Defaults CSS <link ... /> --> 

     @moreStyles 
    </head> 
    <body> 
     <!-- Content of your page --> 

     @content 

     <!-- Defaults scripts <script ...></script> --> 

     @moreScripts 
    </body> 
</html>

和子文件child.scala.html：

@() 

@moreStyles = { 
    <link rel="stylesheet" type="text/css" 
     href="/public/tablesorter/css/theme.blue.css" /> 
} 

@moreScripts = { 
    <script type="text/javascript" 
     src="/public/tablesorter/js/jquery-latest.js"></script> 

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

     var $table = $('#ptTable'), 
     // define pager options 
     ........ 
    </script> 
} 

@parent(moreStyles, moreScripts) { 
    <!-- Content --> 
}

正如你所看到的，我也建議，爲了更好的演出，宣告你的CSS文件在標籤中，腳本文件在標籤的底部（使用像RequireJS這樣的異步JavaScript加載器甚至更好，但是你會大聲在標籤中聲明）。

希望這有助於;）

來源

2015-10-14 07:49:25 Zarkus13

播放框架 - 當它擴展其他html時如何添加腳本到html頁面

回答

相關問題