jquery Cycle.js 分页器图形在 Safari、Firefox、Chrome 和 Opera 中工作，但在 IE 中消失

Question

我终于启动并运行了我的网站。我是一名图形设计师而不是程序员，所以我是一个新手。从代码角度来看，它可能不是最漂亮的，但它确实有效。如果您访问我网站的工作部分，http://www.maryhutchisondesign.com，寻呼机 (我使用了背景 gif 来表示 a 和活动状态）功能在 Safari、Chrome、Firefox 和 Opera 中有效，但在 Internet Explorer 中消失。我收到了 Mike Alsup 通过电子邮件发送给我的 pagerAnchorBuilder 行。我做错了什么吗？这是 css 和 js 的示例。当我从 malsups 高级寻呼机演示中复制代码时，它也可以与图像缩略图一起使用，但在 IE 中它会改变主投资组合图像的位置。

.nav_ocn li {  
 width: 10px;  
 float: left;  
 margin: 5px;  
 list-style: none;  
 margin-left: 0px;  
}  
.nav_ocn a {  
 border: 0px solid #ccc;  
 text-decoration: none;  
 margin: -1px; 
 padding: 10px;  
 background-image: url(../images/pager.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
 }
.nav_ocn a.activeSlide {  
 background-image: url(../images/pager_select.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
}  
.nav_ocn a:focus { outline: none; }  

$(document).ready(function() {
    $('#OCN_gallery').cycle({
        fx:     'scrollLeft', 
    next:   '#OCN_gallery',
    speed:  'fast', 
    timeout:  0,
    pause:   1,
    pager:   '.nav_ocn',

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function() { 
        return '<li><a href="#"</a></li>'; 
    }
    });

});

任何帮助和内部将不胜感激。

谢谢，

玛丽

Answer 1

将

return '

'; 更改

为

return '

';

缺少 '>' IE 的处理能力不如其他浏览器。