1

我正在尝试使用 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);


});
4

1 回答 1

2

尝试删除所有课程，添加您要切换出的课程，然后将其切换为您想要的课程：

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

演示

于 2012-11-26T23:28:10.723 回答