如何让AppendTo（）在我的活动页面中工作？

我有2个链接控制下面的2个标签内容区域。我尝试使用appendTo（）将<div id="myResponsiveDivID"></div>从<div id="map-wrapper-0"></div>内部移动到<div id="map-wrapper-1"></div>中，当您单击这两个链接中的任何一个时。如何让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>

然后就是，我试图移动myResponsiveDivID DIV：

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

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

正如你可以在fiddle看到，我想实现的代码不实际工作（你会需要查看小提琴的来源，看到div附加）。但是当代码在我的实时页面上时，它不起作用。当我去控制台时，我没有得到任何js错误，并且我已经做了很多测试，但我很努力地看到为什么appendTo（）不起作用？

来源

2014-10-27 Metzed

尝试用'$（document）.ready（function（）{...}）包装您的jQuery' – ahb 2014-10-27 10:30:05

请在此处显示代码！ http://SSCCE.org – mplungjan 2014-10-27 10:30:08

请参阅：http://learn.jquery.com/events/event-delegation/ – 2014-10-27 10:30:09

尝试改变jQuery的点击上，例如：

$('.parent').on('click', '.live-child', function() { 
 
    //action 
 
})

.parent是元素总是存在于页面上，.live孩子是元素，它例如活荷载通过ajax

来源

2014-10-27 10:30:03 magnevox

如何让AppendTo（）在我的活动页面中工作？

回答

相关问题