簡體   English   中英

在Rails中使用此Web模板

[英]Using this web template in rails

嘗試獲取此免費的css / html / javascript模板以在rails中工作。 如果從此處下載,則可以看到它是一個索引,一個css文件和兩個javascripts。

我將home.html標記放置在/app/view/layouts/application.html.erb中,將css放置在asset / stylesheets / application.css中,將圖像放置到Assets / images /中,並將兩個JavaScripts放置在asset / javascripts /中。

我將Rails.application.config.assets.precompile += %w( admin.js admin.css jquery-1.8.0.min.js jquery.flexslider-min.js function.js )到config / initializers / assets.rb 。

我運行了rake assets:precompile只是為了安全(如果有任何區別)。

但是,模板無法正確呈現,似乎在與javascript相關的開發控制台中出現錯誤。 但是...我本以為頂部(包括導航部分)將被正確加載,因為懸停和其他樣式應由CSS處理。

在此處輸入圖片說明

UPDATE

所以我添加了正確的腳本標簽(我想我假設它是否在該文件夾中,我也可以使用原始html進行調用)。 錯誤已解決,但我收到與“ carouFredSel不是函數”相關的錯誤。 鏈接引用了腳本的順序,但是我的與源代碼相同。 我已經看到了一個與此名稱相似的庫,但是它沒有包含在此模板中(如您從源代碼中看到的那樣)。 這是當前輸出:

在此處輸入圖片說明

這是html頭:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
    <link href='//fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />


    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_link_tag    'flexslider', media: 'all', 'data-turbolinks-track': 'reload' %>

    <%= javascript_include_tag('jquery-1.8.0.min') %>
    <%= javascript_include_tag('jquery.flexslider-min') %>
    <%= javascript_include_tag('functions') %>
</head>

app/assets/javascripts/application.js ,確保刪除//= require jquery-ujs或任何可能會//= require jquery-ujs腳本的內容。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM