Javascript 删除单击的元素，然后应用css？

我已经在图片上方放置了一个div。单击div事件时，我将删除div，然后将CSS应用于图像，但CSS没有得到应用。。下面是代码

$('#one').live('click', function() {
    $('#one').remove();
    var selglobe= $('#' + globe);
    selglobe.addClass('abc');
    selglobe.css("border","double");
});

试过这个,， HTML代码：

$('#one').live('click', function() {
$('#one').remove();
console.log('HTML Globe value is ' + globe);
flipIt(this);
});

JQUERY：

function flipIt(obj){
 if(status==1 )
{
alert('If'+globe);
console.log('JS Globe Value is'+globe);
var $selglobe = $('#' + globe);
 $('#id11').addClass('imgnew');
 $('#id12').addClass('transition');
 $selglobe.addClass('anam');
 $selglobe.css("border", "double");
 $selglobe.css("border-color", "yellow");
 }

请查看以下注释提供的JSFIDLE：

---

检查jquery版本。您正在使用已从jquery 1.9中删除的“live”函数。这可能就是问题所在

你在哪里定义地球

无论如何，我将使用on-click，并在最后删除元素

$('#one').on('click', function() {
    $('#one').remove();
    var selglobe= $('#' + globe);
    selglobe.addClass('abc');
    selglobe.css("border","double");
});

---

发布您的标记以及globe变量中的内容。您是否收到任何错误？请注意，jQuery中的“live”函数已被弃用，如果可以的话，请使用它。哪种CSS不适用？abc类或border属性？另外，我猜您最好使用类名而不是id，使用.on/.live告诉我您希望通过ajax/其他源添加元素。在这些情况下可能会有身份冲突，这对我来说很好，这可能意味着要么你错拿了错误的身份证，要么地球仪的价值不是你想象的那样。