Javascript 试图控制同步传送带
我一共有4个旋转木马。但在任何时候只有2个是可见的。这两个也由相同的控件控制。除第二个按钮不显示第二对转盘外,大部分功能正常: 我相信这是有问题的:Javascript 试图控制同步传送带,javascript,html,css,twitter-bootstrap,carousel,Javascript,Html,Css,Twitter Bootstrap,Carousel,我一共有4个旋转木马。但在任何时候只有2个是可见的。这两个也由相同的控件控制。除第二个按钮不显示第二对转盘外,大部分功能正常: 我相信这是有问题的: $('.toggleCar').click(function(){ var CarWrapperName=$(this).attr('data-for'); $('.Car-toggle').hide(); $('#'+CarWrapperName).show(); }); //Hide All Toggles and Show
$('.toggleCar').click(function(){
var CarWrapperName=$(this).attr('data-for');
$('.Car-toggle').hide();
$('#'+CarWrapperName).show();
});
//Hide All Toggles and Show Default
$('.Car-toggle').hide();
$('#Car-1').show();
$('#Floors-Words-Car').show();
请在以下地址找到解决方案: javascript应该修改如下。 html和css中也有一些变化
$('.toggleCar').click(function(){
var CarWrapperName=$(this).attr('data-for');
$('.Car-toggle').hide();
$('#'+CarWrapperName).show();
if(CarWrapperName=="Car-1"){
$('#Floors-Words-Car').show();
$('#Space-Words-Car').hide();
}
else{
$('#Floors-Words-Car').hide();
$('#Space-Words-Car').show();
}
});
//Hide All Toggles and Show Default
$('.Car-toggle').hide();
$('#Car-1').show();
$('#Floors-Words-Car').show();
$('#Space-Words-Car').hide();
而且,CSS在js fiddle上不起作用?!