Question

这是我的问题：

我有一个页面，其中有一个框，其中包含JQuery选项卡“Enter”和“About”以更改其内容。

编辑：完整的JQuery脚本如下所示：

<script type="text/javascript">
        google.load('jquery', '1.4.3');

        google.setOnLoadCallback(function () {
            $('#caixa div:not(:first)').hide();

            $('#tabs li').click(function (event) {
                var id = $(event.target).index();
                $('.active').removeClass('active');
                $(event.target).addClass('active');
                $('#caixa div').hide().eq(id).show();

            });

        }
        );
        </script>

html看起来像这样：

<div id="tabs">
<ul>
    <li class="active" style="border-top-left-radius: 4px;">Enter</li>
    <li id="2" style="border-top-right-radius: 4px; border-left: 0px;">About</li>
</ul> 
</div>

<div id="caixa">
<div id="enter">
        <p>1</p>
</div>    
<div>
    <p>2</p>
</div>
</div>

没有什么复杂的，但当我尝试在其中添加更多div时，例如：

    <div id="tabs">
<ul>
    <li class="active" style="border-top-left-radius: 4px;">Enter</li>
    <li id="2" style="border-top-right-radius: 4px; border-left: 0px;">About</li>
</ul> 
</div>

<div id="caixa">
<div id="enter">
 <div id="login">
        <p>1</p>
 </div>
</div>    
<div>
    <p>2</p>
</div>
</div>

两个标签上都没有显示文字。我知道这可能是我的JQuery代码的一个问题，是否有办法使这项工作？

编辑：正如我在评论中所述，我可以将两个标签显示不同的内容，我遇到的问题是在“输入”标签内容中有2个div。例如。

Answer 1

从我的问题中我可以理解......

jsfiddle：http://jsfiddle.net/L3BeM/

$('#enter p').wrap("<div id='login'> </div>");

首先需要找到选择器并用新的div包装你的div。

Answer 2

嘿，以便您正在使用的代码正在寻找点击

#tabs li

在你的HTML中找不到任何地方，所以我无法想象这是在做什么。你能进一步解释这个问题吗？你想点击＆＃34;输入＆＃34;并显示一些文字，然后点击＆＃34; about＆＃34;并显示不同的文字？我理解正确吗？

如何在带有标签的box div中添加更多div？

2 个答案: