新手问题 js 执行的怪异问题

yuanchunfa · 2013年01月26日 · 最后由 yuanchunfa 回复于 2013年01月26日 · 3107 次阅读

前端用一套现成的 js 和 css,有一个搜索和主菜单下拉菜单效果在 scripts.js 里面,发现在 root_path 时 scripts 不执行,即在http://localhost:3000/scripts确认执行,比如http://localhost:3000/notices时这个scripts能够执行,但是不知道要执行多少次,只能把firebug的断点去掉了。尝试在application.js中使用不执行,其他路径时这个 //= require_tree . 这个 scripts 是执行了,但是一个 UI 组件又冲突了显示不了,所以都加载进去很不行。上代码: application.js

//= require jquery.min
//= require modernizr.custom.87724
//= require bootstrap.min
//= require ddsmoothmenu-min
//= require jquery.dcjqaccordion.2.7.min
//= require jquery.easytabs.min
//= require slide-to-top-accordion-min
//= require jquery.easing-1.3.min
//= require jquery.flexslider-min
//= require responsive-tables
//= require jquery.fitvid
//= require lemmon-slider-min
//= require scripts

scripts.js

$(document).ready(function(){
  $('.search input').hide();
    $('.search #search-trigger').click(function(){
    $('.search input').slideToggle('fast').focus(); 
    $('.search #search-trigger').toggleClass('active');
  });
});

在 ready function 里面加几行日志看看

console.log('hit');
console.log($('.search input'));
console.log($('.search #search-trigger'));

然后到控制台看输出

PS:没必要 require min 啊,这样调试都不好调试了,生产环境编译的时候会压缩的。

#1 楼 @Rei 谢谢,用的是现成的。刚才用 chrome 的 developer tools 发现这个 root_path 是有错误出现,一个 tabs 用的地方出错了,测试了一下把这个页面整个删掉,输出简单一句话就好了,然后正常了。现在就是不知道为什么在 firebug 设置断点进去 N 多次。

继续放到这个帖子问了,刚才用 chrome 的 developer tools 发现一个警告:Resource interpreted as Font but transferred with MIME type application/font-woff: "http://localhost:3000/font/entypo.woffmeta什么的?",使用自定义字体是不是需要写点

需要 登录 后方可回复, 如果你还没有账号请 注册新账号