부트 스트랩 템플릿을 레일과 통합하고 있습니까?

themeforest.net에서 HTML/CSS 부트 스트랩 템플릿을 구입했습니다. 그리고 그것을 레일에 가져 와서 편집을 시작하고 더 개발할 수있게되었습니다. 애셋 (js, 이미지, 글꼴 및 CSS)을 레일에 추가하고 application.html에서 부분을 렌더링하는 방법에 대한 모든 가이드를 따랐습니다. .erb, 레일 사이트로드를 부분적으로 시작하고 크롬에서 웹 개발자 콘솔을 확인할 때 .js 파일과 다른 오류가 표시됩니다. 여기에 screenshot 부트 스트랩 템플릿을 레일과 통합하고 있습니까?

Uncaught TypeError: Object [object Object] has no method 'superfish' script.js?body=1:2 
(anonymous function) script.js?body=1:2 

jQuery.fn.extend.addEventListener jquery.ui.map.js?body=1:341 
jQuery.fn.(anonymous function) jquery.ui.map.js?body=1:370 
(anonymous function) sliderhome.js?body=1:15 

Uncaught ReferenceError: google is not defined jquery.ui.map.js?body=1:341 
jQuery.fn.extend.addEventListener jquery.ui.map.js?body=1:341 
jQuery.fn.(anonymous function) jquery.ui.map.js?body=1:370 
(anonymous function) sliderhome2.js?body=1:15 

Uncaught ReferenceError: google is not defined jquery.ui.map.js?body=1:341 
jQuery.fn.extend.addEventListener jquery.ui.map.js?body=1:341 
jQuery.fn.(anonymous function) jquery.ui.map.js?body=1:370 
(anonymous function) sliderhome4.js?body=1:15 

Uncaught ReferenceError: google is not defined jquery.ui.map.js?body=1:341 
jQuery.fn.extend.addEventListener jquery.ui.map.js?body=1:341 
jQuery.fn.(anonymous function) jquery.ui.map.js?body=1:370 
(anonymous function) switcher.js?body=1:18 

Uncaught ReferenceError: google is not defined jquery.ui.map.js?body=1:341 
jQuery.fn.extend.addEventListener jquery.ui.map.js?body=1:341 
jQuery.fn.(anonymous function) jquery.ui.map.js?body=1:370 
(anonymous function) contact.js?body=1:6 
l jquery.js?body=1:703 
c.fireWith jquery.js?body=1:747 
v.extend.ready jquery.js?body=1:514 
A

이드가 매우 많은이 문제에 대한 도움말 모든 종류의 감사입니다. 고맙습니다 미리

출처

2013-08-04 aransadorien

어떤 가이드가 당신을 팔로우합니까? Bootstrap to Rails (bootstrap-sass 또는 twitter-bootstrap-rails)를 추가하기 위해 보석을 사용하고 있습니까? 일반적으로 ThemeForest 테마에는 CSS/JS의 일부인 Bootstrap과 public/디렉토리에 추가 사용자 정의가 포함됩니다. 따라서 Rails 자산 파이프 라인과 통합하기가 어렵습니다. –

Daniel, 답변 해 주셔서 감사합니다. 보석 'bootstrap-sass', '2.1'을 사용하고 있습니다. 그리고 가이드를 위해, 잘 둘러 봤고, 자산 파이프 라인을 다루는 길을 발견했다. 나는 jQuery가 적은 다른 부트 스트랩 템플릿을 사용하고 있었지만 모두 잘 작동했다.하지만 필자가 필요로하는 것은 아니다. 어려운 일을하는 것은 불가능하다는 것을 의미합니까? – aransadorien

application.js에 js ordering 문제가있을 수 있습니다. – sunny1304

themeforest ..에서 테마를 통합하려면 remove gem을 제거하고 bootstarp css 파일을 assets/css 폴더에 포함 시키십시오.이 방법으로 사용자 정의 CSS를 추가 할 수 있으며 스크린 샷에 따라 js 주문이 생성되고있는 것으로 보입니다. js에 대한 application.js에서 체크 아웃하는 일부 문제는 다음을 포함합니다 ...

출처

2013-08-04 19:39:31 ravisuhag

가 // = jQuery를 // =이 jquery_ujs 가 // = JQuery와 - 파일 업로드를 필요로 // =이 // = require_tree. 는 내가 이미 부트 스트랩 포함 시켰 필요 요구해야 :(놓친 거지 모르겠어요 application.js – aransadorien

부트 스트랩 템플릿을 레일과 통합하고 있습니까?

답변

관련 문제