javascript - 删除 Clicked Element 然后应用 css？

Question

我在图像顶部放置了一个 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);
});

查询：

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");
 }

看看评论提供的这个 jsFiddle：http: //jsfiddle.net/jF4mh

Answer 1

检查您的 jquery 版本。您正在使用已从 jquery 1.9 中删除的“实时”功能。这可能是问题所在。

Answer 2

你在哪里定义地球？

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

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