刪除Clicked Element，然后應用CSS？

Question

我在圖像上方放置了一個div。 在div的click事件上，我正在刪除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");
 }

看看注釋提供的這個jsFiddle： http : //jsfiddle.net/jF4mh

Answer 1

檢查您的jquery版本。 您正在使用的“實時”功能已從jQuery 1.9中刪除。 這可能是問題所在。

Answer 2

您在哪里定義地球儀？

無論如何，我將使用on單擊，並在最后刪除元素。

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