jquery - Bootstrap Carousel 在药丸内容中不起作用

Question

我在 file2.php 中有我的轮播代码。它工作正常。 但是当我尝试将它加载到 file1 (div myhome) 的选项卡内容中时，轮播只是保持静态。我尝试在 CSS 文件的选项卡内容中添加“display:block”，但没有成功

文件 1.php:

<ul id="mainpill" class="nav nav-pills nav-justified">
  <li id="tab0">
    <a data-toggle="pill" href="#home">
      <span class="glyphicon glyphicon-home"></span>
    </a>
  </li>
</ul>
<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
    <div id="myhome"></div>
  </div>
</div>

文件2.php:

carousel code

文件3.js:

$('#tab0').click(function() {
  $('#myhome').load('file2.php');
});

Answer 1

请更改您的 file1.php 和 file3.js 代码:

file1.php

    <ul id="mainpill" class="nav nav-pills nav-justified">
      <li id="tab0">      
        <a href ="#" onclick="load_home()"> 
            <span class="glyphicon glyphicon-home"></span> 
        </a>  

      </li>
    </ul>
    <div class="tab-content">
      <div id="home" class="tab-pane fade in active">
        <div id="myhome"></div>
      </div>
    </div>

**file3.js**


 function load_home() {
     document.getElementById("myhome").innerHTML='<object type="text/html" data="File2.php" ></object>';
}