javascript - jQuery:函数的一部分未执行

Question

我在页面上有一个选项卡式设置，我想自动突出显示相应的菜单选项卡以及根据 # 哈希显示相应的内容 div。

示例:

http://design.vitalbmx.com/user_menu/member_profile_so.html -- 无哈希，打开第一个选项卡

http://design.vitalbmx.com/user_menu/member_profile_so.html#setup -- #setup，应该打开“设置”选项卡

正如您所看到的，它适用于突出显示“设置”选项卡。但内容 div 不会改变。

脚本如下:

var tab_content_current = 1;
switch (window.location.hash) {
  case '#activity': tab_content_current = 1; break;
  case '#friends': tab_content_current = 2; break;
  case '#photos': tab_content_current = 3; break;
  case '#videos': tab_content_current = 4; break;
  case '#setup': tab_content_current = 5; break;
  case '#forum': tab_content_current = 6; break;
  case '#blog': tab_content_current = 7; break;
  case '#comments': tab_content_current = 8; break;
  case '#favorites': tab_content_current = 9; break;
  case '#profile-comments': tab_content_current = 10; break;
  default: tab_content_current = 1;
}
if (tab_content_current != 1) {
  change_active_tab (tab_content_current);
}
function tabs_toggle (id) {
  if (id != tab_content_current) {
    change_active_tab (id);
    tab_content_current = id;
  }
}
function change_active_tab (id) {
  $j('.profile_tabs li').removeClass('active');
  if (id < 8) $j('.profile_tab_'+id).addClass('active');
  $j('.profile_content').hide();
  $j('#profile_content_'+id).fadeIn();
}

请注意，当您实际单击菜单选项卡时它会起作用。

任何解决此问题的帮助将不胜感激。

Answer 1

将脚本移至页面最底部、profile_content div 后面。这样，它们就会在脚本运行之前位于 DOM 中。 It is also best to put scripts at the bottom of the page for speed reasons 。