首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >获取http://localhost:3000/projects/assets/jquery.masonry.js 404 (未找到)

获取http://localhost:3000/projects/assets/jquery.masonry.js 404 (未找到)
EN

Stack Overflow用户
提问于 2012-12-27 09:54:13
回答 1查看 20.4K关注 0票数 1

我试图在我的rails应用程序中添加一个javascript插件砌体,并想知道为什么它只适用于我的欢迎控制器(localhost:3000/),而不适用于其他控制器,如localhost:3000/projects/1,尽管我使用的代码完全相同。

我知道这个错误:

获取localhost:3000/projects/assets/jquery.masonry.js 404 (未找到)

未明的TypeError:对象对象没有“砖石”方法 (匿名函数) e.resolveWith jquery.min.js e.extend.ready jquery.min.js c.addEventListener.z

我是因为错误的路径localhost/project/assets而不是localhost/assets而导致错误的,但是我无法找到如何修复这个错误。欢迎任何帮助!

这是视图中的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<% content_for(:scripts) do %>
<script type="text/javascript">
    
  $(function(){
    $('.squarescontainer').masonry({
      // options
      itemSelector : '.item',
      isAnimated: true
    });
  });
    
</script>
<% end %>

这是我的application.rb:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
  <head>
    <title>ifub</title>
    <%= stylesheet_link_tag    "application", :media => "all" %>
    <%= javascript_include_tag "application" %>
    <%= csrf_meta_tags %>
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1">
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald">
  
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  
    <script src = "assets/jquery.masonry.js"></script>
    <script src = "assets/jquery.masonry.min.js"></script>

    <%= yield(:head) %>
    
  </head>
  
  <body>
    <%= render 'layouts/logo' %>
    
    <p class="notice"><%= notice %></p>
      <p class="alert"><%= alert %></p>
  
    <div class="frame">
      <div class="container">
        <%= yield %>
        <%= yield :scripts %>
      </div>
    </div>
  
  </body>
</html>

谢谢你的帮忙!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-27 10:00:55

您使用的是相对于当前路径的URL,所以如果您的页面是localhost:3000/project/page.html,JS将是localhost:3000/project/assets/...。尝试像这样修改代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src = "/assets/jquery.masonry.js"></script>
<script src = "/assets/jquery.masonry.min.js"></script>

见资产前添加的"/“。在这种情况下,浏览器将相对地将脚本加载到站点根。在这种情况下,即使您当前的页面是localhost:3000/project/page.html,JS仍然是localhost:3000/assets/...

此外,您应该只连接一个版本的插件-最小化与否。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14058978

复制
相关文章
CSS——边距
边距包括外边距(Margin)属性和内边距(Padding)属性,外边距属性定义了元素间的间隔,内边距属性定义了元素边框与内容区域之间的空白区域。
Html5知典
2019/11/26
1.3K0
CSS_边距填充
填充:指向一个元素的内部,增加空间,(内边距),与外边距不同,填充会改变元素的大小。随着填充的增加,元素会被撑大。
bye
2020/11/24
1.1K0
CSS_边距填充
【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )
向 HTML 的 <body> 标签中 , 添加元素 , 并 不是紧贴 左侧 和 顶部 , 而是有一个 默认的间距 , 如下图所示 :
韩曙亮
2023/03/30
2.5K0
【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )
【RecyclerView】 七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )
RecyclerView.ItemDecoration 是抽象类 , 当前使用的 onDraw , onDrawOver , getItemOffsets
韩曙亮
2023/03/28
5.6K0
【RecyclerView】 七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )
webkit中BFC元素临近浮动元素时的边距bug
一直以来我们都很熟悉IE的“浮动边距加倍”的bug,并且绝大多数重构人员都已经很擅长在需要浮动时就直接绕过他。其实以webkit为核心的浏览器,包括但不限于Safari和Chrome,也有一个关于浮动和边距的bug,同样会造成布局错误。我在最近三个月的前一个月连续遭遇了两次这个bug,后两个月虽然避免了再次出现,但是直到现在才把这个bug彻底弄清楚。 触发这个bug的条件是: 在一个非浮动元素上应用overflow,且其值不为visible(这将形成一个Block Formatting Context元素)
小李刀刀
2018/03/06
1.7K0
webkit中BFC元素临近浮动元素时的边距bug
css负边距之详解
自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会谈论它。(It’s like an online taboo—everyone’s doing it, yet no one wants to talk about it.) 为其正名 我们都使用过CSS得外边距,但是当谈到负边距的时候,我们好像往差的方向发展啦。在网页设
前朝楚水
2018/04/03
1.9K0
css负边距之详解
css负边距之详解
自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做,但是没有人会谈论它。(It’s like an online taboo—everyone’s doing it, yet no one wants to talk about it.) 为其正名 我们都使用过CSS得外边距,但是当谈到负边距的时候,我们好像往差的方向发展啦。在网页设
用户1667431
2018/04/18
2.2K0
css负边距之详解
R|绘图边距及布局
简单介绍一下如何调整绘图区域及边距区域,如何将多个图形绘制在一张图中,并根据图形的大小及特性调整一下图形分布。
生信补给站
2020/08/06
2.4K0
[Java小工匠]CSS盒子模型-边距合并
  CSS外边距合并,只有上外边距和下外边距才会触发外边距合并,左外边距和右外边距不会。
Java小工匠
2018/08/10
1.1K0
[Java小工匠]CSS盒子模型-边距合并
CSS盒模型及边距问题
盒模型是CSS的基石之一,页面的每一个元素都被看作一个矩形框,分别由外边距,边框,内边距,内容组成,
菜的黑人牙膏
2019/01/21
9560
iOS·UITableView分割线颜色,隐藏,边距(宽度,起点)等设置
1. 除掉UITableView底部多余行及分割线: self.tableView.tableFooterView = [[UIView alloc] initWithFrame:CGRectZero]; 2. 隐藏所有的分割线 self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 3. 设置分割线横条的颜色 self.tableview.separatorColor = [UIColor redColor]; 4. 设置分割线
陈满iOS
2018/10/11
6.5K0
清空默认边距的完整代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>54-清空默认边距</title> <style> /* *{ margin: 0; padding: 0; } */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,c
贵哥的编程之路
2020/10/28
9530
学位论文如何设置最规范的页边距和装订线距离?
1、点击[布局] 2、点击[页边距] 3、点击[自定义边距] 4、点击[上] 5、点击[左] 6、点击[装订线] 7、点击[确定]
裴来凡
2022/05/28
1.7K0
学位论文如何设置最规范的页边距和装订线距离?
发送电子邮件
在即时通信软件如此发达的今天,电子邮件仍然是互联网上使用最为广泛的应用之一,公司向应聘者发出录用通知、网站向用户发送一个激活账号的链接、银行向客户推广它们的理财产品等几乎都是通过电子邮件来完成的,而这些任务应该都是由程序自动完成的。
用户8442333
2021/05/20
2.3K0
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
下图中 , 中心 100 x 100 像素 的 是内容 , 内容外侧 , 边框内侧 , 就是 内边距 范围 ;
韩曙亮
2023/03/30
8860
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
【说站】css边距重叠是什么
css边距重叠是什么 1、边界重叠是指两个或两个以上盒子的相邻边界重合在一起,构成单一边界。 可以相邻也可以嵌套,其中没有非空内容、补白、边框。        .neighbor{ height: 100px; background: red; } .father{ background: #f436365e; } .child{ height: 100px; margin-top: 10px; background: #00800047; } <div> this is neighbor </div
很酷的站长
2022/11/24
9640
Spring发送电子邮件
Spring基于javax.mail封装了一套用于发送电子邮件的API,位于org.springframework.mail包下,下面将介绍下发送普通文本邮件和基于thymeleaf模版的邮件。
布禾
2020/10/29
1.8K0
Spring发送电子邮件
Vue 中使用 JQuery 插件不起作用
有时候在 vue 的代码中使用 jQuery 会不起作用,这是因为 vue 还没有绑定变量,所以我们使用的 jQuery 根本就找不到目标变量,就不会执行,正确的做法是先设置一个时延,稍微等一等 vue 的加载。
wsuo
2020/10/26
2.3K0
【CSS】盒子模型内边距 ⑤ ( 内边距不影响盒子模型尺寸的情况 | 不设置宽度或高度为其设置 Padding 内边距时不撑开盒子 )
如果元素没有指定高度 , 为该元素设置 Padding 内边距 , 则不会撑开盒子 ;
韩曙亮
2023/03/30
1.5K0
【CSS】盒子模型内边距 ⑤ ( 内边距不影响盒子模型尺寸的情况 | 不设置宽度或高度为其设置 Padding 内边距时不撑开盒子 )
点击加载更多

相似问题

代码可以处理数组,但不能处理多维数组。

20

可以将多维std::数组作为连续数据块处理吗?

14

PHP能处理多维$_REQUEST数组吗?

20

Javascript可以动态创建多维数组吗?

23

Javascript:可以动态创建多维数组吗?

25
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文