`
sunwenpeng
  • 浏览: 9807 次
社区版块
存档分类
最新评论

rails中的CSS 冲突

阅读更多
  前一段时间,做手机客户端party-bid和服务器端rails链接和数据同步的时候,把pa下rty-bid放到rails框架下,在rails开的服务器端口运行,出现了一个问题:在进入竞价结果页面的时候,本来写好的弹出窗口并没有弹出,在console.log出相应的ng-switch变量的时候也可以看到结果是期望的true值,可还是本应弹出的模态框还是没有显示出来。而在原来的单独的party-bid运行的时候不会有问题。
  起初我怀疑,是因为我修改了party-bid的代码,移过来后出现了问题,于是我对比了github中原来party-bid的代码和rails中的party-bid的代码,在修改后还是会出现问题。我索性把github中party-bid的代码拉下来放入了rails中public的另一个文件夹,结果还是不能弹出模态框。
  纠结了一阵后,我注意到party-bid中模态框使用的css文件的引用。由于我在party-bid中加入了客户端的登录页面,在这个登录页面中,我引用了一个表单格式,所引用的css是bootstrap3中的css,而party-bid中同样也使用了bootstrap而它所使用的bootstrap是老的版本,这样工程中就同时有老版本和新版本的bootstrap文件。最坑爹的是,我删除了老版本后,模态框还是显不出来,也就是说模态框的css是在老版本中,而新版本中没有相应的css。(新版本居然没有模态框!!!)
  我只能通过在bootstrap文件中查找相应的模态框css代码复制粘帖到新版本的bootstrap文件,然后再删除老版本的bootstrap文件来解决。这样操作后,登录表单和模态框都能正常显示了。
  rails中app下stylesheets文件包含的css文件,在程序中会自动引用,不用像js(angular-js)那样需要引用相应的文件,刚开始做的时候觉得rails简化了很多东西,这样很方便,现在出现了这个问题意识到,这也是有利有弊的。如果两个css文件出现相同命名的样式,就会出现引用冲突。
分享到:
评论

相关推荐

    asset_hat, 在 Rails 中,快速加载CSS和 JS 你的资产被覆盖.zip

    asset_hat, 在 Rails 中,快速加载CSS和 JS 你的资产被覆盖 AssetHat快速加载CSS和 JS 。 你的资产被覆盖。当首次请求该包时,使用 Rails'默认的资源缓存,CSS和JS连接( 而不是缩小) 。 不够好为了使你的页面加载更...

    Ruby on Rails中文指南

    Ruby on Rails中文指南

    critical-path-css-rails, 在 Rails 中,只加载初始viewport所需的CSS !.zip

    critical-path-css-rails, 在 Rails 中,只加载初始viewport所需的CSS ! critical-path-css-rails 仅加载 Rails 中初始viewport所需的CSS !这个 gem 让你只需要在初始页面视图中加载所需的CSS 。 这给你 blazin'...

    Ruby On Rails中文教材(PDF)

    Ruby On Rails中文教材(PDF)

    normalize-rails, Normalize.css 是CSS重置的替代方案.zip

    normalize-rails, Normalize.css 是CSS重置的替代方案 标准化 rails集成 normalize.css 和 Rails 资产管道。Normalize.css 是一个可以定制的CSS文件,使浏览器能够更加一致地呈现所有元素,并且符合现代标准。 为了...

    敏捷Rails中文教程

    敏捷Rails中文教程 敏捷Rails中文教程 敏捷Rails中文教程

    rails指南 中文版

    rails指南 中文版

    rails-assets, 在 Rails 中,资产管理的解决.zip

    rails-assets, 在 Rails 中,资产管理的解决 Rails 资产 Bundler 到 Bower 代理本自述文件涉及项目的开发方面。 访问站点了解如何在你的应用程序中使用 Rails 资产。 插件开发设置git clone git@github.com:tenex/r

    premailer-rails:CSS样式的电子邮件,没有麻烦

    解决方法是在电子邮件中每个标签的style属性中编写所有CSS规则。 这是一种非常乏味且难以维护的方法。 预邮救援! 出色的 gem通过将所有CSS规则添加到style属性,将所有CSS规则应用于每个匹配HTML元素。 这使您可以...

    使用Aptana+Rails开发Rails Web应用(中文)

    使用Aptana+Rails开发Rails Web应用 有Aptana的安装配置等等,中文

    Bootstrap for Rails (2015)

    8 Setting up a Todo application in Rails 8 Analyzing folder structure of a Rails application 10 Creating views 12 Styling views using CSS 14 Redesigning the Todo application 16 Challenges in styling ...

    rails 2.3.2离线安装rails 2.3.2离线安装

    rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails 2.3.2离线安装rails ...

    Rails之道,完整扫描版

    《Rails之道》详细讨论了Rails的程序代码并通过分析Rails中的代码片段来深入解释它的功能,同时,《Rails之道》部分章节也摘录了一些API文档中的内容,使读者能够快速地找到对应的API文档、相关的示例代码以及深入...

    tailwindcss-rails

    Tailwind CSS for Rails 是实用程序优先CSS框架,其中包含诸如flex,pt-4,text-center和rotate-90之类的类,可以直接在您的标记中进行组合以构建任何设计。 Tailwind CSS for Rails可与资产管道和Webpacker一起使用...

    Ruby on Rails Tutorial

    在过去的几年中,《Ruby on Rails Tutorial》这本书被视为介绍使用 Rails 进行 Web 开发的先驱者。 在这个全球互联的世界中,计算机编程和 Web 应用程序开发都在迅猛发展,我很期待能为中国的开发者提供 Ruby on ...

    rails_email_preview, 在 Rails 中,预览和编辑应用程序邮件程序模板.zip

    rails_email_preview, 在 Rails 中,预览和编辑应用程序邮件程序模板 Rails 电子邮件预览 使用这里 Rails 引擎在浏览器中预览电子邮件。 兼容 Rails 4.2 。电子邮件审阅: 所有电子邮件预览的列表: 代表有两个主题...

    critical-path-css-rails:仅在Rails中加载初始视口所需CSS!

    仅在Rails中加载初始视口所需CSS! 这种宝石让你只加载您需要的初始页面视图中CSS的能力。 由于没有最初的网络调用来获取您应用程序CSS,因此可以让您快速发展。 此gem假定您将异步加载其余CSS。 目前,建议的...

    [Rails] Crafting Rails Applications (英文版)

    [Pragmatic Bookshelf] Crafting Rails Applications Expert Practices for Everyday Rails Development (E-Book) ☆ 图书概要:☆ Rails 3 is a huge step forward. You can now easily extend the framework, ...

    rails敏捷开发的购物车系统

    本资源是参照rails敏捷开发第四版书中的例子,rails的版本是rails3.2.6

Global site tag (gtag.js) - Google Analytics