使用 jquery 在 DOM 中移动 html 内容答案

【问题标题】：Moving html content around the DOM with jquery使用 jquery 在 DOM 中移动 html 内容
【发布时间】：2014-08-26 21:06:43
【问题描述】：

我想通过单击画廊元素本身将画廊元素的内容加载到舞台元素。我敢肯定这是菜鸟，但我还没有找到解释。为什么这不起作用？

另外，我正在使用jquery UI创建拖放界面-->#gallery里面的元素是可拖动的，而#gallery是可放置的

$(document).ready(function () {
    var $galcon = $('#gallery').html();
    $("#gallery").on('click'function () {
        $('#stage').append($galcon);
    });
});

【问题讨论】：

'click' 和 function 之间缺少逗号
当你想使用 HTML 标签时，使用html() 方法。当你提到 jQuery 节点时，使用.append()。即要么从“$('#gallery').html()”中删除.html()，要么将“$('#stage').append($galcon)”中的.append()更改为.html()。请参阅here 以获取有关相同内容的详细讨论。

标签： javascript jquery html jquery-ui-draggable jquery-ui-droppable

【解决方案1】：

引用实际的节点子节点，而不仅仅是 html。也就是说，去掉“.html()”

$(document).ready(function () {
    var $galcon = $('#gallery');
    $("#gallery").on('click'function () {
        $('#stage').append($galcon);
    });
});

【讨论】：

【解决方案2】：

尝试将var $galcon = $('#gallery').html() 替换为var $galcon = $('#gallery').text()。希望这会有所帮助！

【讨论】：

【解决方案3】：

您是否在开发控制台中遇到错误？这是您正在运行的确切代码吗？ '点击'后需要一个逗号：

$("#gallery").on('click', function () {
    $('#stage').append($galcon);
});

【讨论】：