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

你在哪里定义地球？

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

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

删除Clicked Element然后应用css？

2 个答案: