Question

我正在使用Joomla中的Bootstrap 2.3.2进行标签布局，由于Hikashop生成产品布局的方式，我有一个外部＆＃34;标签内容＆＃34; div和在放入产品描述时，结果是一个内部＆＃34; tab-content div在＆＃34; tab-pane＆＃34;在页面顶部有一个导航。我试图将内部＆＃34; tab-pane＆＃34; s移动到外部＆＃34; tab-content＆＃34;通过jQuery使用append（）使导航器正常运行。不用说这不起作用。导航器不起作用，并且附加的内容正在重复。

这是我的代码：

wrong number of arguments (1 for 0)

，这是理想的结果：

<ul class="nav nav-tabs">
    <li><a href="#home" data-target="#home" data-toggle="tab">Home</a>
    </li>
    <li><a href="#profile" data-target="#profile" data-toggle="tab">Profile</a>
    </li>
    <li><a href="#messages" data-target="#messages" data-toggle="tab">Messages</a>
    </li>
    <li><a href="#settings" data-target="#settings" data-toggle="tab">Settings</a>
    </li>
</ul>

<div id="outer" class="tab-content">
    <div class="tab-pane active" id="home">
        <div id="inner" class="tab-content">
            <div class="tab-pane" id="profile">...</div>
            <div class="tab-pane" id="messages">...</div>
        </div>
    </div>
    <div class="tab-pane" id="settings">...</div>
</div>

<script>
    jQuery(document).ready(function() {
        jQuery("#inner").append("#outer");
    });
</script>

Answer 1

使用appendTo：

jQuery("#inner").children().appendTo("#outer");

Answer 2

试试这个：

 jQuery(document).ready(function() {
       jQuery("#inner").appendTo('#outer');
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="outer" class="tab-content">
    <div class="tab-pane active" id="home">
      --start inside #home --
        <div id="inner" class="tab-content">
            <div class="tab-pane" id="profile">#profile</div>
            <div class="tab-pane" id="messages">#messages</div>
        </div>
      --end inside #home --
    </div>
    <div class="tab-pane" id="settings">--inside #settings --</div>
  -- outside tab-pane --
</div>

jQuery将一个div的内容移动到另一个append（）不起作用

2 个答案: