Question

所以我在外部页面上有一个旋转木马，当在主页面上单击Ajax选项卡时，该旋转木板被拉入，在我刷新页面之前该旋转木马不显示。有没有我可以让它出现？这里的javascript代码有问题吗？如果这有任何不同，这个页面也在asp.net服务器上。

旋转木马属于Why CEC http://testing.morecleanenergy.com/step_1

这是我在选项卡所在的主页面上的内容，它位于页面底部..

<script>
$(document).ready(function(){
  $('#ajax-tab-container').easytabs();
  $("#tabs2").load('/tab2.html');
  $("#tabs3").load('/tab3b.html');
  $("#tabs4").load('/tab4.html');
  $("#owl-demo").owlCarousel({
      navigation : true,
      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem : true
      });
});
</script>

Answer 1

它对我来说很好，请确保浏览器不缓存！我在Windows 8上的Firefox和Chrome上进行了测试

Answer 2

您已收到此错误：

ReferenceError: Sys is not defined (line 44, column 8)

这意味着第44行随机破坏了您的JavaScript执行：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

所以这个错误发生了：

$(...).owlCarousel is not a function

你的旋转木马没有渲染。

尝试删除或修复第44行，您将摆脱这一麻烦。

Carousel没有在document.ready上的Ajax Tab中加载？

2 个答案: