Question

我正在尝试使用jquery ui switchClass方法。现在它的工作原理如下：

$("#top_section").switchClass( "top_section", "pt_figures", 300);

我想将其更改为仅top_section，而是仅删除所有类，然后添加pt_figures。

它在这里工作：

$("#close_icon").click(function() {
$("#top_section").removeClass();
$("#top_section").addClass( "top_section", 300);

setTimeout(function() {
  $('#images').empty();
}, 350);

});

但不在这里：

$("#pt_figures").click(function() {


$('#images').empty();

$('#images').css({
  paddingLeft: 150,
  paddingRight: 0
});
$('#controls').css({
  width:700,
  marginLeft:150
});
$('#info').css({
  width:660,
  marginLeft:150
});

var id = $(this).attr('id');

$("#info_header").load(id +"_header.txt");
$("#content_1").load(id +"_1.txt");
$("#content_2").load(id +"_2.txt");
$("#content_3").load(id +"_3.txt");


$("<img>", { src: "http://www.klossal.com/figures_doc.jpg" }).appendTo("#images"); 
$("<img>", { src: "http://www.klossal.com/figure_front.png" }).appendTo("#images"); 
$("<img>", { src: "http://www.klossal.com/figure_back.jpg" }).appendTo("#images");

$('html, body').animate({
  scrollTop: 0
}, 300);



$("#top_section").removeClass();
$("#top_section").addClass( "pt_figures", 300);


});

Answer 1

尝试删除所有类，添加要切换的类，然后将其切换为所需的类：

    $(#top_section).removeClass();
    $(#top_section).addClass('top_section');
    $(#top_section).switchClass('top_section', 'pt_figures', 300);

demo

switchClass，删除所有类

1 个答案: