javascript - document.ready 未触发 - 除非其中包含 'alerts'

Question

我已经在我的 ASP.net 网站中实现了 JCarouselLite，它在 Chrome、FF、Safari 中运行良好，但在 Internet Explorer 中运行不佳。似乎 document.ready 没有被调用。为了测试这一点，我在通话中添加了一些警报，令我惊讶的是，JCarousel 每次都能工作 - 但前提是我将警报放在那里。

所以这工作正常(这当然不能在生产中使用):

<script type="text/javascript">
    jQuery(document).ready(function () {
        alert("document.ready (start)")
       });

    $(".slider").jCarouselLite({
        vertical: true,
        auto: 1000,
        speed: 1000,
        visible: 6
    })
    {
        alert("document.ready (end)")
    };
</script>

但是如果没有警报，它“有时”会起作用。

谁能解释一下这是怎么回事吗？

谢谢

汤姆

Answer 1

您有一些 JS 错误:

$(document).ready(function (){
    alert("document.ready (start)");
   $(".slider").jCarouselLite({
    vertical: true,
    auto: 1000,
    speed: 1000,
    visible: 6,
   });
    alert("document.ready (end)");
});

这里有额外的花括号:

{
  alert("document.ready (end)")
};