个人中心
文章发布
退出
作者热门文章
- 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
K&R 前。 4.2 要求您修改给定的(非标准)atof 函数，该函数缺少处理指数的指数处理机制(如 123e6 或 456e-7)。我添加了一个最小的更改来处理正确输入的、无空格的个位数指数。为了检
我正在学习计算机科学入门类(class)的考试，我对“常规”算法和递归算法中的复杂性主题有疑问(通常我们将这些问题写成 C 代码). 我想知道 Internet 和/或书籍中是否有涵盖该主题的基础级别
console.log( ‘blah’.repeatMe( 3 ) ); 使用 Javascript 编写代码，使前面的函数打印: 输出:blahblahblah 最佳答案 噢，放弃函数式解决方案太有
我正在准备 Java SE 7 认证考试，并且正在做一些关于继承和访问修饰符的无聊练习。 但是现在我在应用继承时遇到了意外的行为。在我的基础包 com.testpkg 中，我有一个抽象类: packa
我刚刚开始了 C 语言队列的第一课，我得到了创建队列、向队列添加元素和删除元素的练习。但是，我在检查队列是满还是空时遇到了麻烦。 #include typedef struct FloatQueue
请问我从昨天开始就被困在下面这个问题中了。下面是问题: Write a program that uses console.log to print all the numbers from 1 to
我最近尝试了一些 Java，希望对我的风格进行一些评论。如果你喜欢看这个放在图像中的练习，并告诉我我的风格是否足够好？或者是做的还不够好，可以告诉我应该在哪方面多下工夫，帮我改进一下？ exercis
我对手动编写 SQL 查询还很陌生，而且我有一个我似乎无法解决的练习。 我了解解决此问题所需的工具，但我就是想不出解决方案。 你能帮助我理解如何以一种能让我在未来解决类似练习的方式解决这个问题吗？ 我
好吧，这就是练习: Define a class named student, containing three grades of students. The class will have a f
我是一个 JS 菜鸟，试图制作这个“你好，先生/小姐 你的名字!”干净的。我看不到在 if/else 中重构警报的方法，因为那样我就失去了 var b 的值。 JS: "use strict
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
反转二维数组的值，可以扩展 n 次。 [1, [2, [3, ... [n, null]]]] 给定: 所有数组的长度始终为 2 列表中的最后一个数组将包含一个 null 索引 1 示例: [1, [
我试图通过 Jason Hickey 笔记自学 OCaml，下面的练习让我难住了。 问题:编写一个函数 sum 给定两个整数边界 m,n 和函数 f 计算求和。 我正在尝试这个: let r
这是一个生成斐波那契数列的程序，这里是引用:http://sicp.org.ua/sicp/Exercise1-19 据说我们可以将程序视为“a <- bq + aq + ap and b <- bp
所以，我正在努力通过 SICP。 第 4 章的第一个练习是: Exercise 4.1. Notice that we cannot tell whether the metacircular eva
这个问题已经有答案了: Count the number of occurrences of a character in a string in Javascript (39 个回答) 已关闭 6
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我目前正在学习 JS，并且正在尝试进行编码练习。到目前为止，我已经成功地使用离线和在线部分代码的大量资源拼凑了以下代码。我已经非常接近了 - 只是结果中的数字无法正确。 一些背景:在函数中输入一个对象
我需要创建一个回收器 View 练习，这是一个带有简单的单个回收器的应用程序加载大小为 20 的页面，并且可以容纳无限数量的项目。 现在我不想做出重新加载越来越多的项目的幼稚解决方案，而是一个优雅的解
下面的实现正确吗？ 输入:Oldrecords(GameRecord 对象数组)和 newRecords (GameRecord) 我将检查 oldRecords 数组中的 newRecord 值。如
我是一名优秀的程序员,十分优秀！