gpt4 book ai didi

javascript - 为什么我的 jquery 不改变我的 div?

转载 作者:太空宇宙 更新时间:2023-11-04 15:01:58 26 4
gpt4 key购买 nike

我正在尝试更改顶部 div,以便在选择任一按钮时,它会根据单击的按钮进行更改。

HTML

    <div class="bulb" id="bulb1"></div>
<div class="bulb" id="bulb2"></div>
<button id="blue">blue</button>
<button id="yellow">yellow</button>

JQUERY

$( document ).ready(function() {

// initial load up coverts to this colour
$('.bulb1').css("background-color","black");

//call the colour change functions when clicked
$('#blue').click("background-color", "setBlue");
$('#yellow').click("background-color", "setYellow");

});

function setYellow(){

$('#bulb1').css("background-color","#yellow");

}

function setBlue(){

$('#bulb1').css("background-color","#blue");

}

最佳答案

尝试这样的事情:

$('#blue').click(function() {
$('#bulb1').css({
'background-color' : 'blue'
});
});

或者

$('#blue').click(function() {
setBlue();
});

function setBlue() {
$('#bulb1').css({
'background-color': 'blue'
});
}

您可以像这样重构您的代码:

$(document).ready(function() {

// initial load up coverts to this colour
setColor('black');

//call the colour change functions when clicked
$('#blue').click(function() {
setColor('blue');
});

$('#yellow').click(function() {
setColor('yellow');
});

});

function setColor(color) {
$('#bulb1').css({
'background-color': color
});
}

关于javascript - 为什么我的 jquery 不改变我的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32995227/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com