Jquery 如何让AppendTo()在我的live页面中工作?

Jquery 如何让AppendTo()在我的live页面中工作?,jquery,Jquery,我有2个链接,控制下面的2个选项卡内容区域。当您单击两个链接中的任何一个时,我试图使用appendTo()将从内部移动到内部 <ul class="nav nav-pills" id="mapTabs"> <li class="choosemaps">choose your map:</li> <script> $("#map-swap-button-0").click(function () { $("#myRespon

我有2个链接,控制下面的2个选项卡内容区域。当您单击两个链接中的任何一个时,我试图使用appendTo()将
从内部
移动到内部

<ul class="nav nav-pills" id="mapTabs">
    <li class="choosemaps">choose your map:</li>


<script>
$("#map-swap-button-0").click(function () {

      $("#myResponsiveDivID").appendTo('#map-wrapper-0'); 

    });
</script>
<li class="active"><a href="#yate-map" id="map-swap-button-0" data-toggle="tab" onclick="jQuery.fn.axZm.zoomSwitch('yate-map.png'); return false;" class="yate-mapselector">Yate and Chipping Sodbury</a></li><script>
$("#map-swap-button-1").click(function () {

      $("#myResponsiveDivID").appendTo('#map-wrapper-1'); 

    });
</script>
<li><a href="#wickwar-map" id="map-swap-button-1" data-toggle="tab" onclick="jQuery.fn.axZm.zoomSwitch('wickwar-map.png'); return false;" class="wickwar-mapselector">Wickwar</a></li>    </ul>
  • 选择您的地图:
  • $(“#map-swap-button-0”)。单击(函数(){ $(“#myResponsiveDivID”).appendTo(“#map-wrapper-0”); });
  • $(“#map-swap-button-1”)。单击(函数(){ $(“#myResponsiveDivID”).appendTo(“#map-wrapper-1”); });
然后是我试图移动的myResponsiveDivID DIV:

<div id="map-wrapper-0">
<div id="myResponsiveDivID" class="axZmBorderBox">
</div>

<div id="map-wrapper-1">
</div>


正如您在中所看到的,我尝试实现的代码确实有效(您需要查看fiddle的源代码才能看到div的附加)。但是当代码出现在我的live页面上时,它就不起作用了。当我转到控制台时,我没有收到任何js错误,我已经做了很多测试,但我很难理解为什么appendTo()不工作?

尝试更改jQuery单击打开,例如:

$('.parent')。在('click','live child',函数()上{
//行动

})
尝试用
$(文档)包装jQuery。准备好(函数(){…})
请在此处显示代码!请看:对不起@mplungjan我现在已经添加了代码。@ahb就是这样!哦,天哪,这么多麻烦和这么愚蠢的错误:(谢谢你