使用jquery在DOM周围移动html内容

时间:2014-08-26 21:06:44

标签: javascript jquery html5 jquery-ui-draggable jquery-ui-droppable

我想通过单击gallery元素本身将gallery元素的内容加载到stage元素。这是noob的东西,我确定,但我还没有找到解释。为什么这不起作用?

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

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

3 个答案:

答案 0 :(得分:0)

引用实际的节点子节点而不仅仅是html。换句话说,删除“.html()”

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

您是否在开发控制台中收到错误消息?这是您正在运行的确切代码吗? “点击”后你需要一个逗号:

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