2010-01-24 70 views
0

任何人都可以看到任何具体的东西,会导致与ie6中的jQuery问题? ie6中没有加载jQuery元素。所有其他浏览器都很棒!非常感谢你的帮助!IE6的jQuery问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>{tag_pagetitle}</title> 
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script> 
<link rel="stylesheet" href="/stylesheets/tabs.css" type="text/css" media="screen, projection" /> 
<link href="/stylesheets/main.css" rel="stylesheet" type="text/css" /> 
<link href="/stylesheets/gallery-1.0.1.css" rel="stylesheet" type="text/css" /> 
<link href="/stylesheets/forms.css" rel="stylesheet" type="text/css" /> 
<link href="/facebox/facebox.css" rel="stylesheet" type="text/css" /> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<!--[if IE]> 
<link type="text/css" rel="stylesheet" href="/stylesheets/ie.css" bc="1" /> 
<![endif]--> 
<!--[if IE 6]> 
<link type="text/css" rel="stylesheet" href="/stylesheets/ie6site.css" bc="1" /> 
<![endif]--> 
</head> 
<body id="gallerydetail"> 
<div id="site"><img src="http://thecreativealliance.org/images/top-corners_03.gif" width="900" height="3" alt="" /> 
    <div id="banner"><img alt="" src="http://thecreativealliance.org/images/site/creative-alliance-logo.jpg" /> 
    <div id="logout" class="login-reg-link">{module_whosloggedin,/login}</div> 
    <h1>Showcase Gallery</h1> 
    </div> 
    <div id="menu"> {module_menu,550428} 
    <script type="text/javascript" src="http://cdn.socialtwist.com/2010010232558-1/script.js"></script> 
    <a class="st-taf" href="http://tellafriend.socialtwist.com:80" onclick="return false;" style="border:0;padding:0;margin:0;"><img alt="SocialTwist Tell-a-Friend" style="border:0;padding:0;margin:0;" src="http://images.socialtwist.com/2010010232558-1/button.png" onmouseout="STTAFFUNC.hideHoverMap(this)" onmouseover="STTAFFUNC.showHoverMap(this, '2010010232558-1', window.location, document.title)" onclick="STTAFFUNC.cw(this, {id:'2010010232558-1', link: window.location, title: document.title });" /></a> 
    <div class="header-search"> 
     <form name="catsearchform1870" method="post" action="/Default.aspx?SiteSearchID=852&ID=/search-results.htm" class="cmxform"> 
     <fieldset> 
      <ol> 
      <li> 
       <input class="cat_textbox_smallish" type="text" name="CAT_Search" id="CAT_Search" value="Search" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" /> 
      </li> 
      <li> 
       <input type="image" src="/images/go-btn_12.png" class="login-button" value="Search" /> 
      </li> 
      </ol> 
     </fieldset> 
     </form> 
    </div> 
    </div> 
    <div class="gallery-cont">{tag_pagecontent} 
    <div class="clr"></div> 
    </div> 
    <div class="clr" id="footer"> {module_contentholder,6762} 
    <div class="clr"></div> 
    </div> 
</div> 
<script src="/facebox/facebox.js" type="text/javascript"></script> 
<script type="text/javascript" src="/js/jquery.trilemma.js"></script> 
<script type="text/javascript" src="/js/jquery.truncate-2.3-pack.js"></script> 
<script type="text/javascript" src="/js/jquery.galleriffic.js"></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $('a[rel*=facebox]').facebox({ 
     loading_image : 'loading.gif', 
     close_image : 'closelabel.gif' 
     }) 
      $(".email").each(function(){ 
      var ats, dots, address, i; 
      ats = [ ' at ', ' (at) ', ' [at] ' ]; 
      dots = [ ' dot ', ' (dot) ', ' [dot] ' ]; 
      address = $(this).html(); 
      for (i = 0; i < ats.length; i++) { 
       address = address.replace(ats[i], '@'); 
      } 
      for (i = 0; i < dots.length; i++) { 
       address = address.replace(dots[i], '.'); 
      } 
      $(this).html('<a href="mailto:' + address + '">' + address + '</a>'); 
     }); 
    $('.twitswitch').each(function() { 
    var $twitswitch = $(this); 
    if ($twitswitch.text() == '') { 
     $('#twitterlink').hide(); 
    } 
    }); 
    $('.linkswitch').each(function() { 
    var $twitswitch = $(this); 
    if ($twitswitch.text() == '') { 
     $('#linkedinlink').hide(); 
    } 
    }); 
    $('.faceswitch').each(function() { 
    var $twitswitch = $(this); 
    if ($twitswitch.text() == '') { 
     $('#facebooklink').hide(); 
    } 
    }); 
if($(".twitswitch").html() == "" && $(".linkswitch").html() == "" && $(".faceswitch").html() == "") { 
     $("#orconnect").hide(); 
    } 
if ($("#appswitch:contains('Yes')").length) { 
    $("#reviewhold,#fragment-4 ol,#fragment-4 .form-intros").hide(); 
    $(".cats-chosen").show(); 
} 
var $tabs = $('#tabs').tabs(); 

      $(".ui-tabs-panel").each(function(i){ 

       var totalSize = $(".ui-tabs-panel").size() - 1; 

       if (i != totalSize) { 
        next = i + 2; 
        $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'><span>Next Page &#187;</span></a>"); 
       } 

       if (i != 0) { 
        prev = i; 
        $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'><span>&#171; Prev Page</span></a>"); 
       } 

      }); 

      $('.next-tab, .prev-tab').click(function() { 
        $tabs.tabs('select', $(this).attr("rel")); 
        return false; 
       }); 
      $('.tofour').click(function() { // bind click event to link 
    $tabs.tabs('select', 4); // switch to fifth tab 
    return false; 
}); 
}); 
</script> 
<script type="text/javascript"> 
$(function(){ 
    jQuery('.select-cats').trilemma({max:3,disablelabels:true}); 
}); 
</script> 
<script type="text/javascript"> 
jQuery(document).ready(function($) { 
if ($("#logout:contains('Log out')").length) { 
    $("#logout").append(' or <a href="/manage">Edit Showcase</a>'); 
} 
if ($(".show-form-cont h2:contains('Add your Showcase')").length) { 
    $("#banner h1").html('Showcase Management'); 
} 
if ($(".show-form-cont h2:contains('Edit your Showcase')").length) { 
    $("#banner h1").html('Showcase Management'); 
} 
}); 
    jQuery(document).ready(function($) { 
    var gallery = $('#thumbs').galleriffic({ 
     delay:      3000, // in milliseconds 
     numThumbs:     20, // The number of thumbnails to show page 
     preloadAhead:    40, // Set to -1 to preload all images 
     enableTopPager:   false, 
     enableBottomPager:   true, 
     maxPagesToShow:   7, // The maximum number of pages to display in either the top or bottom pager 
     imageContainerSel:   '#slideshow', 
     controlsContainerSel:  undefined, 
     captionContainerSel:  '#caption', 
     loadingContainerSel:  '#loader', 
     renderSSControls:   true, // Specifies whether the slideshow's Play and Pause links should be rendered 
     renderNavControls:   true, // Specifies whether the slideshow's Next and Previous links should be rendered 
     playLinkText:    'Play', 
     pauseLinkText:    'Pause', 
     prevLinkText:    'Previous', 
     nextLinkText:    'Next', 
     nextPageLinkText:   'Next &rsaquo;', 
     prevPageLinkText:   '&lsaquo; Prev', 
     enableHistory:    false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes 
     enableKeyboardNavigation: true, // Specifies whether keyboard navigation is enabled 
     autoStart:     false, // Specifies whether the slideshow should be playing or paused when the page first loads 
     syncTransitions:   false, // Specifies whether the out and in transitions occur simultaneously or distinctly 
     defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions 
     onSlideChange:    undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... } 
     onTransitionOut:   undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... } 
     onTransitionIn:   undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... } 
     onPageTransitionOut:  undefined, // accepts a delegate like such: function(callback) { ... } 
     onPageTransitionIn:  undefined, // accepts a delegate like such: function() { ... } 
     onImageAdded:    undefined, // accepts a delegate like such: function(imageData, $li) { ... } 
     onImageRemoved:   undefined // accepts a delegate like such: function(imageData, $li) { ... } 
    }); 
}); 

</script> 
{module_contentholder,8514} 
</body> 
</html> 
+2

你真的需要学习发表更加狭隘和简洁的问题,并将范例代码缩小到很多*。 – ironfroggy 2010-01-24 03:26:58

+0

的确,我们没有办法坐下来为你调试。 – ChaosPandion 2010-01-24 03:28:11

+0

认为它可能会突出一些。我听说.html()可以在jQuery中搞砸了。无论如何感谢您的时间。 – Jackson 2010-01-24 03:39:11

回答

0

您应该在您的调试机器上安装IE Inspector以检查您的HTML树。有一些HTML糟糕的机会造成了愚蠢的IE6行为异常。 如果这没有帮助,请在Visual Studio中启用脚本调试,尝试在代码中的某处插入调试器语句,并开始逐步执​​行代码片段。

1

确保您所有的javascript都是正确的。我有一种感觉,jQuery加载正常,但js在达到某个点后停止运行。

示例:您发布的js的第一行中,您有一个不以分号结尾的facebox调用。

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $('a[rel*=facebox]').facebox({ 
     loading_image : 'loading.gif', 
     close_image : 'closelabel.gif' 
     }) 

我会检查以确保没有更多愚蠢的语法错误。

+0

非常感谢。我正在研究jQuery调试方法。任何有关正确方法的建议?一个容易遵循的方法? – Jackson 2010-01-24 04:00:03

+0

不幸的是,即没有真正像firefox那样好的工具(firebug),它可以让你通过js逐步查看错误所在。您可以尝试使用Internet Explorer开发工具栏 - http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en(不可否认,我从来没有使用它)。 – munch 2010-01-24 04:18:36

+0

感谢您的时间蒙克。真的很感激它。没有解决这个问题,但我决定在这个项目上不支持IE6。对我来说,这并不是他们的预算。 – Jackson 2010-01-24 09:25:10