如何讓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（）在我的活動頁面中工作？

回答

相關問題