jquery 全局变量不起作用

Question

我在使用以下代码时遇到问题

$(document).ready(function() {  
var $selection = $('<div class="image-selection" />')
            .css({
                opacity : 0.5,
                position : 'absolute'

            })

var $content = $('.content');

$('img', $content).click(function(){selectItem($(this))});

function selectItem(itemSelected){      

    $image = itemSelected;

    $image.wrap($selection);

    $selection.width(150).height(150);

}

});

我将 $selection 声明为全局变量，但由于某种原因，当它位于函数内部时，宽度或高度不会改变(选择的大小会改变):如果我执行以下操作，它会起作用:

var $selection = $('<div class="image-selection" />')
            .css({
                opacity : 0.5,
                position : 'absolute'

            })

var $content = $('.content');
$selection.width(150).height(150);

如果有人了解正在发生的事情并可以告诉我，我将非常感激，我一直在努力解决这个问题，但我真的很挣扎。非常感谢您

Answer 1

当您使用 $selection 包装 $image 时，div 现在是 DOM 中的新对象($selection 的副本)，而不是内存中实际断开连接的元素。尝试更改为:

$image.wrap($selection);
$image.parent('div.image-selection').width(150).height(150);