Question

为什么没有插入DIV而只插入IMG？

$(document).ready(function() {

    $(document).on('click', '#insertImage', function(){

        /*
        Why is the DIV not inserted ?
        */
         var item = "<div class='resizable'><img src='http://www.rockiesventureclub.org/wp-content/uploads/2013/02/flower-icon.png'></div>";
         document.execCommand('insertHTML', false,item);


    })
});

请参阅： http://jsfiddle.net/daslicht/gU2jP/#base

Answer 1

为什么不使用jQuery，因为你已经使用它？

http://jsfiddle.net/gU2jP/5/

var _$div = $('<div>'),
    _$img = $("<img class='resizeable' id='myImg' src='http://imperavi.com/img/library.jpg' />");

_$div.append(_$img);
$('body').append(_$div);

Answer 2

问题的背景如下：

我只是希望能够将添加的Image Float向左或向右。由于jQueryUI会自动在每个可调整大小的项目周围添加一个包装器div，我认为我需要手动添加它以便为其分配一个id。

Freenode上的doug65536帮助我创建了这个解决方案，而无需手动创建额外的div：

我们还发现小提琴在野生动物园中无法正常工作

$(document).on('click', '#insertImage', function () {

    document.execCommand('insertHTML', false,
        "<img class='resizeable' id='myImg' src='http://imperavi.com/img/library.jpg'>");


    $(".resizeable").resizable({
        aspectRatio: true
    }); //just a try here

    $('#myImg').parent().css({
        'float':'left',
        'margin':'15px'                     
    });
})

http://jsfiddle.net/daslicht/6cGbQ/

非常感谢！

execCommand insertHtml，外部div没有插入为什么？

2 个答案: