gpt4 book ai didi

javascript - JQuery 不附加带有 JS 函数对象属性的 div 标签

转载 作者:行者123 更新时间:2023-12-02 15:43:25 25 4
gpt4 key购买 nike

我正在尝试使用 JQuery 将一个 block 打印到浏览器窗口上。我通过函数将 block 属性制作成JS对象类。在此代码中,我使用 "use strict";方法。

HTML(5):

<!DOCTYPE html>
<html><TITLE>Logo Experiment</TITLE>

<head>
<!--adding JQuery library-->
<!--this is a DESKTOP JQuery, so this will not work much on the modern androids-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!--setting charset to utf-8 unicode in case symbols are needed-->
<meta charset="utf-8">
</head>

<style>
body {
display: block;
}
.bx { /* the box... */
background-image: url("metal.png");
background-size: cover;
background-color: #333333; /* in case the image fails to load */
border-width: 1.5px;
border-radius: 6px;
border-style: solid;
border-color: #222222;
box-shadow: 2px 2px 2px #111111;
}
</style>

<body>

<script>
//the script below
</script>

</body>

</html>

JS/JQuery:

"use strict";

function Box(width, height, style) {//box object
width = this.width;
height = this.height;
style = this.style;
};

var lbx = new Box(256, 256, "bx"); //"lbx" is "logo box"

$(document).ready(function(){//appending a div to the <body> tag directly
$("<div class='" + lbx.style + "' style='width:" + lbx.width + "px;height:" + lbx.height + "px;'>").appendTo("body");
});

每当我尝试使用 JS 对象属性将 JQuery 附加到 block 时,我都会得到以下输出:<div class="undefined" style="width:undefinedpx;height:undefinedpx;"></div>

非常感谢任何帮助。

此致,CA1K。

最佳答案

你把它搞反了。它应该是 this.parameter = paramter:

function Box(width, height, style) {//box object
width = this.width;
height = this.height;
style = this.style;
};

像这样:

function Box(width, height, style) {//box object
this.width = width;
this.height = height;
this.style = style;
};

第一种方法除了将调用参数设置为未定义之外什么也不做(因为没有定义任何属性)。

关于javascript - JQuery 不附加带有 JS 函数对象属性的 div 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32418515/

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