为什么在移动选定对象之前没有插入？

Question

这是结构：

我想在.am-popup之前移动#footer所以我这样做了：

$('.am-popup').insertBefore("#footer")

什么都没发生。我也这样做了：

$('.am-popup').insertBefore( $( "#footer" ) )

但也没有发生任何事情。

我做错了什么？

直播网站：http://clo2015.chineselearnonline.com/amember/signup

Answer 1

首先，在操作它们之前确保$('.am-popup')和$('#footer')都存在。

要做的第二件事是确保在DOM is ready使用时调用insertBefore方法：

$( document ).ready(function() {
    // DOM manipulation here
});

Answer 2

在/amember/application/default/views/public/js/user.js文件中，有一个ajaxLink(selector)方法。

在amPopup(options)行

之后添加您的脚本

//if an existing pop is present remove it
$('.am-popup .am-popup-close').trigger('click.popup');
jQuery("#ajax-link").html(html).amPopup(options);
//after creation move it
$('.am-popup').insertBefore("#footer")