gpt4 book ai didi

调用对象函数的javascript变量

转载 作者:行者123 更新时间:2023-11-29 10:43:27 24 4
gpt4 key购买 nike

<分区>

我是 OOP 的新手,所以如果我的术语不正确,请原谅。我正在尝试使用函数参数来调用对象参数。

我认为使用示例代码会更容易理解:

JS

$(".color").click(function()
{
var newColor = $(this).attr("data-color");
functions.colors.show(newColor);
});

var functions =
{
colors:
{
show: function(newColor)
{
$("h1").text(myTexts.test.newColor);
}
}
} // end functions

var myTexts =
{
test:
{
red: "Bright red",
green: "Grassy green",
blue: "Sky blue"
}
} // end texts

如您所见,我正试图让“天蓝色”出现在我的 h1 中。但是,当我点击显示“亮红色”时,这不起作用。

作为引用,这是我的 HTML:

HTML

<span class="color" data-color="red">Red</span>
<span class="color" data-color="green">Green</span>
<span class="color" data-color="blue">Blue</span>

据我了解,当我单击一种颜色时,我的颜色(数据颜色属性)被解析为“show()”函数,但无法显示正确的文本。

这是为什么?

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