个人中心
gpt4 book ai didi

Javascript 样式显示无法正常工作

转载 作者：行者123 更新时间：2023-11-28 15:00:22 24 4
gpt4 key购买 nike

<分区>

在我的网站上，人们可以选择修理他们的电子产品。单击修复我的手机时，将显示一个 slider (div id:device_choice)。有 2 个选项，手机和平板电脑。当他们单击平板电脑时，手机的型号也会显示出来。但是当点击平板电脑时，我的代码中没有任何地方？!

//THESE ARE THE CODE FOR THE PHONE CHOICE:
//This is the first slider where people can choose between device_phone or device_tablet. When clicked slider brand show up! THIS IS THE SLIDER THAT ALSO DOES SHOW UP WHEN .DEVICE_TABLET IS CLICKED!
$(".device_phone").click(function(){
    document.getElementById('device_choice').style.display='none';
    document.getElementById('device_phone_brand').style.display='block';
    console.log('Phone chosen');});

//Second slider where apple models shop up for the phone, when device_phone_brand_apple is clicked
$(".device_phone_brand_apple").click(function(){
    document.getElementById('device_phone_brand').style.display='none';
    document.getElementById('device_phone_models_apple').style.display='block';
    console.log('Apple models chosen, so show me all Apple phones!');});

//Second slider where samsung models shop up for the phone, when device_phone_brand_samsung is clicked
$(".device_phone_brand_samsung").click(function(){
    document.getElementById('device_phone_brand').style.display='none';
    document.getElementById('device_phone_models_samsung').style.display='block';
    console.log('Samsung models chosen, so show me all Samsung phones!');});   


//THESE ARE THE CODE FOR THE TABLET CHOICE:
//This is the first slider where people can choose between device_phone or device_tablet. When clicked slider brand show up!
$(".device_tablet").click(function(){
    document.getElementById('device_choice').style.display='none';
    document.getElementById('device_tablet_brand').style.display='block';
    console.log('Tablet chosen');});

//Second slider where apple models shop up for the tablet, when device_tablet_brand_apple is clicked
$(".device_tablet_brand_apple").click(function(){
    document.getElementById('device_tablet_brand').style.display='none';
    document.getElementById('device_tablet_models_apple').style.display='block';
    console.log('Apple models chosen, so show me all Apple tablets!');});

//Second slider where samsung models shop up for the tablet, when device_tablet_brand_samsung is clicked
$(".device_tablet_brand_samsung").click(function(){
    document.getElementById('device_tablet_brand').style.display='none';
    document.getElementById('device_tablet_models_samsung').style.display='block';
    console.log('Samsung models chosen, so show me all Samsung tablets!');});

这是我在单击修复之前隐藏行的 CSS 以及我在 CSS 之前使用的旧代码:

#device_choice{display:none;}
#device_phone_brand{display:none;}
#device_tablet_brand{display:none;}
#device_phone_models_apple{display:none;}
#device_phone_models_samsung{display:none;}

//THESE ARE THE OLD CODE THAT I USED FOR THE HIDE AND SHOW BUT DOES NOT WORK ANYMORE?!
document.getElementById('device_phone_brand').style.display='none'; // 
document.getElementById('device_tablet_brand').style.display='none'; // 
document.getElementById('device_phone_models_apple').style.display='none'; 
document.getElementById('device_tablet_models_apple').style.display='none'; 
document.getElementById('device_phone_models_samsung').style.display='none'; 
console.log('Hide before click');

$(".device_phone_brand_apple").click(function(){console.log('device_phone_brand_apple klik'); updateProgressBar(33); removeDeviceChoice('phone' ,'apple');});
$(".device_phone_brand_samsung").click(function(){console.log('device_phone_brand_samsung klik'); updateProgressBar(33); removeDeviceChoice('phone' ,'samsung');});
});

function removeDeviceChoice(chosen_device) {
document.getElementById('device_choice').style.display='none';
document.getElementById('device_' + chosen_device+'_brand').style.display='block';
console.log('removeDeviceChoice('+chosen_device+') uitgevoerd');
}
function removeBrandChoice(chosen_device, chosen_brand) {
document.getElementById('device_' + chosen_device + '_brand').style.display='none';
document.getElementById('device_' + chosen_device + '_models_' + chosen_brand).style.display='block';
console.log('removeBrandChoice('+chosen_device+','+chosen_brand+') uitgevoerd');
}

24 4 0
文章推荐： css - 是否可以做不重叠的阴影？
文章推荐： swift - 导航栏隐藏在 JSQMessagesViewController 中
文章推荐： html - 高度 :100% is not considered
文章推荐： html - Angular 5 如何等待 styles.css 加载
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com