Question

我有一个脚本，应该等待dom加载，但它似乎没有等待。我认为问题可能是我使用的是bootstrap选项卡，而且内容还没有真正在dom中。

但是，如果我将jQuery粘贴到控制台中，它会工作。有没有办法用jQuery解决这个问题，还是需要强大的ajax库？

的HTML /自举

 /*@include('blocks.rotators.user-comments') loads in this*/

 <div class="tab-pane fade" id="activityDetails">
   <div class="comments-holder holder"></div>

  <!-- item container -->
   <ul id="comments-container" class="default-container quad-scroller">
       <li>item</li>
   </ul>    
</div>

JS

/* when document is ready */
    $(function () {
            /*
             * initiate the plugin without buttons and numeration
             * setting midRange to 15 to prevent the breaks "..."
             */
            $("div.comments-holder").jPages({
                    containerID: "comments-container",
                    first: false,
                    previous: "←",
                    next: "→",
                    last: false,
                    midRange: 15,
                    perPage: 4,
                    links: "blank"
            });
    });

Answer 1

您可能应该使用在显示和显示选项卡时触发的引导事件。

$('a[data-toggle="tab"]').on('shown.bs.tab', function(event) {

     // Put your code

});

选择器是单击以访问选项卡的按钮。此事件将保证选项卡已加载并可见。

如果您没有看到它可见并且想要更早地访问它，您可以使用引导事件show.bs.tab，而不是在您单击选项卡时触发它。

jquery函数仅在控制台中工作

1 个答案: