0

在过去的一个小时里,我一直试图让这个工作,但我不能为我的生活,所以我想我会在这里问。

我有这个代码:

<ul id="myCarousel">
<% foreach (var date in entryDates)
   { %>
 <li>
  <div style="text-align:center;width:60px;">
     <span class="headerSpan" id="day_<%=date.ToString("dd-MM-yyyy")%>">abc</span>
  </div>
  <input class="timeInput narrow" type="text" id="time_<%= date.ToString("dd-MM-yyyy")%>"/>
  <input class="subsInput narrow" type="text" id="subs_<%=date.ToString("dd-MM-yyyy") %>"/>
 </li>
<% } %>
</ul>

<script type="text/javascript">
    $(document).ready(function() {
        $('#myCarousel').jcarousel({
            scroll: 7,
            animation: 1000,
            buttonNextHTML: "<span id='next'>Next</span>",
            buttonPrevHTML: "<span id='previous'>Previous</span>"
        });
    });    
</script>

它在 Chrome 和 FireFox 中运行良好,但在 IE 中根本无法滚动。

有什么想法为什么不呢?

4

4 回答 4

1

我看不出你的代码有什么问题。

然而,在jCarousel 的文档中,它已经在 IE6 和 7 上进行了测试,但没有在 IE8 上进行测试:

jCarousel 已经过测试,可在以下浏览器上运行:

* Internet Explorer 6 (PC)
* Internet Explorer 7 (PC)
* FireFox 1.5.0.6 (PC/Mac/Linux)
* Opera 9.01 (PC/Mac)
* Safari 2.0.4 (Mac)
* Safari 3.1.0 (PC)
* Konqueror 3.4.0 (Linux)

它在IE6中工作吗?

对于使用它,我知道jCarouselLite在每个浏览器中都可以使用。

于 2009-12-08T13:49:50.830 回答
1

它不会滚动因为这一行 #373 (函数“get”的定义):

return $('>.jcarousel-item-' + i, this.list);

此选择器返回 0 个元素,但它必须为 1。如果将其替换为

return $('.jcarousel-item-' + i, this.list);

你得到工作滚动。

">" 在 IE6 中不起作用,但在 IE7 中存在错误。此外,它在我的项目中的 IE8 中不起作用(DOCTYPE 是 XHTML 1.0 Strict,document.compatMode 是 CSS1Compat)。表示“>”应该在 IE8 中工作,但实际上它没有。嗯,看起来很奇怪。

UPD 发布关于 IE8 中“>”的怪异性。

于 2011-10-10T10:11:51.083 回答
1

我在很多项目中都使用过 jCarousel。我认为 IE 7、8 和 9 都可以。测试一下。您可以访问http://sorgalla.com/jcarousel/并尝试在您的代码出现问题的浏览器中运行他们的示例。这样你就知道问题出在哪里了。

于 2012-05-17T03:55:49.803 回答
0

尝试在服务器上运行副本。在本地复制 IE “杀死” JS 脚本

于 2011-04-07T10:00:25.260 回答