0

我正在使用 ajax 在 div 中加载一些内容，这包括 jQueryVericalTabs 插件。但是样式不起作用，我只看到未格式化的文本。

使用 FF 的 web 开发人员工具，我看到渲染的源代码没有链接到我的 CSS 文件上的样式，尽管在索引页面上被正确调用。我尝试直接在 index.php 上的内容文件上编写 CSS，将其放在 body 标记内，有和没有 javascript（每个插件的演示），还有这篇文章的建议，但没有奏效，不知道是什么其他尝试。这是我的标题的样子：

<link rel="stylesheet" href="css/jquery-jvert-tabs-1.1.4.css" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-jvert-tabs-1.1.4.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $(function(){
            $("#accordion").accordion({
                active: false,
                autoHeight: false,
                collapsible: true
            });
        });

    $("#vtabs5").jVertTabs({
        equalHeights: true
    });
    // add click events for open tab buttons
    $("input[id^=openTab]").each(function(index){
        $(this).click(function(){
            openTab("#vtabs6",index);
            return false;
        });
    }); 
    function openTab(tabId,index){
        $(tabId).jVertTabs('selected',index);
    }
});

我尝试了一个不同的插件verticalTabs，并且选项卡标题以正确的格式显示，但没有显示选项卡内容。不过我还是更喜欢使用第一个插件，HTML 更干净。

我很感激任何意见。

4

2 回答 2

1

它只是一个建议，我从未尝试过，但根据 jquery 文档，您可以使用 event.xml 实现和处理 ajax 加载的内容.live()。在此处查看文档。希望对您有所帮助，如果您得到答案，请回帖

于 2011-05-27T08:41:50.840 回答
0

感谢您的回复。我用这篇文章的建议解决了这个问题，以防有人觉得它有用:)

于 2011-05-29T19:06:36.183 回答