个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在做 Codecademy 练习 portfolio我无法理解 Assets 管道位:练习的步骤 14，其中说明如下:
Save your JavaScript code to app/assets/javascripts/, and then include it the page as shown here(the link).
我所做的就是在该目录中创建 app.js 文件，并将我的 javascript 代码放入该文件中，以在 application.html.erb 中进行图像幻灯片放映和 jquery。我可以看到幻灯片，并且当我使用 heroku 部署应用程序时一切正常，我看不到幻灯片而不是所有图片。这是我到目前为止所做的链接:[Myapp][3]
我是 Rails 新手，所以如果有人能澄清指令期望我做什么以及如何在 heroku 中查看幻灯片，我将不胜感激。
$(function() {
$('.banner').unslider();
});// Place all the styles related to the Pages controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.header li {
display: inline-block;
position: relative;
padding: 20px;
font-size: 20px;
}
.header li a{
color: #333300;
}
.jumbotron {
background: url('https://dl.dropboxusercontent.com/s/5tug99ala22yzk2/19087585626_d16bace51e_k.jpg?dl=0') no-repeat center center fixed;
height: 700px;
}
.jumbotron h1{
font-size: 50px;
}
.jumbo{
background-color : #FFFFFF;
padding: 10px;
}
.btn-default {
position: relative;
display: inline-block;
color: white;
background-color: #333333;
font-family: Raleway, sans-serif;
font-size: 20px;
padding: 20px;
}
.supporting h3 {
position: relative;
text-align: center;
}
.supporting p {
position: relative;
text-align: center;
}
.banner { position: relative; overflow: auto;}
.banner li { list-style: none; }
.banner ul li { float: left;} <!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<script src="//unslider.com/unslider.min.js"></script>
<%= csrf_meta_tags %>
</head>
<body>
<div class ="header">
<div class="nav nav-pills">
<div class="container">
<ul class ="pull-left">
<li><%= link_to "Welcome", root_path %></li>
<li><%= link_to "Portfolio", portfolio_path %></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="pull-right">
<li><a href="#">Mashuk</a></li>
</ul>
</div>
</div>
</div>
<%= yield %>
<div class="footer">
<div class="container">
<div class="pull-right">
<a href ="#"><img src ="https://dl.dropboxusercontent.com/s/14kntwgnr2bnegw/inspiration.svg?dl=0"></a>
<div><p>© 2015 Mashuk</p>
<p>Icons made by <a href="http://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></p>
</div>
</div>
</div>
</div>
</body>
</html>最佳答案
GET https://unslider.com/unslider.min.js net::ERR_INSECURE_RESPONSE
Unslider.com 不支持 HTTPS。
Heroku 应用程序在 HTTPS 上运行，并且由于您使用的是协议(protocol)相对链接 //unslider.com/unslider.min.js 它也会尝试通过 HTTPS 加载脚本。
最简单的解决方案是下载脚本并将其放置在 /vendor/assets/javascripts 中。
参见How do you instruct Sprockets to include files from /vendors/assets/components on Heroku?如果您想使用 sprocket 将文件包含在您的 application.js 中。
关于javascript - Codecademy 练习 : portfolio，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31219513/
24
4
0
我们已经创建了一个投资组合并向投资组合添加了一些应用程序，但是当我在 Sonar 仪表板中选择投资组合时，它显示了以下消息，即使我向它添加了几个项目并且在 Sonar 分析后没有后台任务或分析相关数据
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 3 年前。 Improve
我在这个网站上使用“Megafolio”jQuery 插件(http://codecanyon.net/item/megafolio-gallery-jquery-plugin/980161):htt
我正在做 Codecademy 练习 portfolio我无法理解 Assets 管道位:练习的步骤 14，其中说明如下: Save your JavaScript code to app/asset
我想在 R 中生成树图。现在我使用的是组合包，但是这个包的问题是没有足够的方法来控制输出:无法控制字体、字体大小、颜色等文本属性，相同颜色的 map 方块之间的边界无法区分，无法控制颜色渐变图例等。
当我尝试使用 ROI 运行 optimize.portfolio 函数时，出现错误。 Error in ROI::V_bound(li = seq.int(1L, N), lb = as.numeri
我正在尝试将图像添加到 JS react 组合。我在 localhost:3000 上运行它，当我输入我的代码时，出现一条错误消息: 编译失败。 ./src/components/pages/achi
我在修复此异常网页行为时遇到了问题。我已经包含了 Github 页面链接。删除导航标签后，问题就解决了。但我需要导航标签。 我尝试从开发控制台删除 nav 元素，发现 nav 标签正在影响下面的“wo
我最近购买了 Stockholm 主题并尝试对其进行自定义: 我希望能够在左上角用黑色方 block 将某些投资组合元素标记为“已售出”，就像使用带有“SALE” block 的产品一样。找到一个例子
在 中包装示例内容(小预览内容)在语义上是否正确？什么时候出现在主页上？将它用于横幅或页面的大区域也是个好主意吗？我已经阅读了定义，但仍然难以理解。我们什么时候应该使用部分标签，是否有必要？ 最佳答
我这里有一个网站:http://desertcinema.com/ 在“投资组合”部分下，w/c 有很大的空间，我不知道它来自哪里。 BIG SPACE 我不知道这是从哪里来的。你知道我应该在我的 H
各位程序员和 friend ，大家好，所以我一直在关注这个问题。 我将在下面列出链接，并告诉我为什么我不能将“Spraggins Designs”cover.png 文件作为 og:image 放置，
我一直在尝试重新创建 https://andreas-demo.myportfolio.com/ 上的悬停双重效果 但是我似乎无法让两者都正确对齐，然后我无法获得悬停在整个部分上的效果，但这同时改变了
我有一个使用新的 Jetpack Portfolio Project 自定义帖子类型的子主题，并希望修改 archive.php 以显示自定义结果。 我正在使用:WordPress v3.9.2；主题
我们开始试验 Rally 的 WebService API for Portfolio Items。我们在 Rally 中创建自定义 GRID 应用程序时没有任何问题，但在尝试创建自定义 HTML 应
我正在使用 jQuery Media Boxes Portfolio - Responsive Grid 来显示图像，效果很好，但是当我点击任何图像弹出时，它的 url 也会显示在浏览器中，然后当我点
我正在通过 Ruby 使用 Rally API ( http://developer.help.rallydev.com/ruby-toolkit-rally-rest-api-json )。我想查询
我在 wordpress 上运行 Salient 9 主题，我试图拥有一个全宽的 2 列组合，但没有成功。 我使用这个自定义 CSS 成功地拥有了一个包含 2 列的作品集 .portfolio-ite
假设有以下返回数据帧: import numpy as np import pandas as pd import pandas.io.data as web data = web.DataReade
我是一名优秀的程序员,十分优秀！