移除被点击的元素，然后应用css

Remove Clicked Element and then apply css?

本文关键字：然后 应用 css 元素      更新时间：2023-09-26

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

看看这个由注释提供的jsFiddle:http://jsfiddle.net/jF4mh

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

在哪里定义地球仪?

无论如何，我将使用on点击，只是在最后删除元素。

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