Javascript tabcontent.js从带有已加载jsp文件的div加载时不工作

我已经下载了一个插件，用于中的选项卡

然后在我的index.jsp中，我有如下内容：

<table>
  <tr><td><a href="#" id="toAnotherPage">Another Page</a></td></tr>
</table>

<div id="displayTabsHere"></div>

注意：index.jsp和display.jsp对于functions.js和tabcontent.js以及jquery-1.11.1.js都有适当的导入语句

我的问题是，当我运行它到IE（任何版本）并单击

#到另一个企业

链接时，它将显示带有工作选项卡的

display.jsp

。在Chrome和FireFox上，它也会显示

display.jsp

，但选项卡不起作用

编辑：

---

我已经上传了一个样本文件，请尝试在您的机器和发送一些反馈。谢谢

使用

load（）

的完整回调来初始化选项卡。请参阅jquery docs for load（），但这段代码在IE上非常有效。为什么它在chrome和ff中不起作用？

<div style="width: 500px; margin: 0 auto; padding: 120px 0 40px;">
    <ul class="tabs" data-persist="true">
        <li><a href="#view1">Main</a></li>
        <li><a href="#view2">Others</a></li>

    </ul>
    <div class="tabcontents">
        <div id="view1">
           // Content of main

        </div>
        <div id="view2">
           // content of others              
        </div>

    </div>
</div>

$(function() {
     $('#toAnotherPage').on("click",function() {
                $('displayTabsHere').load('display.jsp');
            });

});