Question

我有一系列像这样的DIV：

<div class="a" onclick="Test();"></div>
<div class="b" onclick="Test();"></div>
<div class="c" onclick="Test();"></div>
...

function Test(){
...
$.ajax({
   type: "POST",
   url: url,
   data: "somedata=" + somedata,
   contentType: 'application/x-www-form-urlencoded; charset=utf-8',
   dataType: "html",
   success: function (msg) {           
      var owl = $('.carousel-Class');
      owl.trigger('destroy.owl.carousel');
      owl.owlCarousel({
         ...
      })  
}

我希望在特定div上的页面加载时触发此函数（I.E. div与类'b'）：

$(document).ready(function(){
    $(".b").trigger('click');
})

结果是Owl Carousel项目显示不正确，它们的大小与应有的大小不同。为了正确显示，我需要额外点击DIV。

有什么想法吗？

Answer 1

为什么要模拟触发器而不只是在ready（）函数上调用函数Test（）。

这样的事情：

$(document).ready(function(){
    Test();
})

然而，似乎你有一个确定性的问题，试着把：

async: false

作为你的ajax调用的参数来确认它。

单击时触发功能

1 个答案: